1 |
|
2 | export const Gray = {
|
3 | '--gray-0-hsl': '210 17% 98%',
|
4 | '--gray-1-hsl': '210 17% 95%',
|
5 | '--gray-2-hsl': '210 16% 93%',
|
6 | '--gray-3-hsl': '210 14% 89%',
|
7 | '--gray-4-hsl': '210 14% 83%',
|
8 | '--gray-5-hsl': '210 11% 71%',
|
9 | '--gray-6-hsl': '210 7% 56%',
|
10 | '--gray-7-hsl': '210 9% 31%',
|
11 | '--gray-8-hsl': '210 10% 23%',
|
12 | '--gray-9-hsl': '210 11% 15%',
|
13 | }
|
14 |
|
15 | export const Red = {
|
16 | '--red-0-hsl': '0 100% 98%',
|
17 | '--red-1-hsl': '0 100% 95%',
|
18 | '--red-2-hsl': '0 100% 89%',
|
19 | '--red-3-hsl': '0 100% 83%',
|
20 | '--red-4-hsl': '0 100% 76%',
|
21 | '--red-5-hsl': '0 100% 71%',
|
22 | '--red-6-hsl': '0 94% 65%',
|
23 | '--red-7-hsl': '0 86% 59%',
|
24 | '--red-8-hsl': '0 74% 54%',
|
25 | '--red-9-hsl': '0 65% 48%',
|
26 | }
|
27 |
|
28 | export const Pink = {
|
29 | '--pink-0-hsl': '336 100% 97%',
|
30 | '--pink-1-hsl': '336 100% 94%',
|
31 | '--pink-2-hsl': '338 91% 87%',
|
32 | '--pink-3-hsl': '339 90% 81%',
|
33 | '--pink-4-hsl': '339 88% 74%',
|
34 | '--pink-5-hsl': '339 82% 67%',
|
35 | '--pink-6-hsl': '339 76% 59%',
|
36 | '--pink-7-hsl': '339 67% 52%',
|
37 | '--pink-8-hsl': '339 68% 45%',
|
38 | '--pink-9-hsl': '339 69% 38%',
|
39 | }
|
40 |
|
41 | export const Grape = {
|
42 | '--grape-0-hsl': '280 67% 96%',
|
43 | '--grape-1-hsl': '287 77% 92%',
|
44 | '--grape-2-hsl': '288 86% 86%',
|
45 | '--grape-3-hsl': '289 85% 78%',
|
46 | '--grape-4-hsl': '288 83% 71%',
|
47 | '--grape-5-hsl': '288 75% 64%',
|
48 | '--grape-6-hsl': '288 67% 58%',
|
49 | '--grape-7-hsl': '288 56% 52%',
|
50 | '--grape-8-hsl': '288 54% 46%',
|
51 | '--grape-9-hsl': '288 54% 40%',
|
52 | }
|
53 |
|
54 | export const Violet = {
|
55 | '--violet-0-hsl': '252 100% 97%',
|
56 | '--violet-1-hsl': '257 100% 93%',
|
57 | '--violet-2-hsl': '256 100% 87%',
|
58 | '--violet-3-hsl': '255 94% 79%',
|
59 | '--violet-4-hsl': '255 93% 72%',
|
60 | '--violet-5-hsl': '255 91% 67%',
|
61 | '--violet-6-hsl': '255 86% 63%',
|
62 | '--violet-7-hsl': '255 78% 60%',
|
63 | '--violet-8-hsl': '255 67% 55%',
|
64 | '--violet-9-hsl': '255 53% 50%',
|
65 | }
|
66 |
|
67 | export const Indigo = {
|
68 | '--indigo-0-hsl': '223 100% 96%',
|
69 | '--indigo-1-hsl': '225 100% 93%',
|
70 | '--indigo-2-hsl': '228 100% 86%',
|
71 | '--indigo-3-hsl': '228 100% 78%',
|
72 | '--indigo-4-hsl': '228 96% 72%',
|
73 | '--indigo-5-hsl': '228 94% 67%',
|
74 | '--indigo-6-hsl': '228 89% 63%',
|
75 | '--indigo-7-hsl': '228 81% 59%',
|
76 | '--indigo-8-hsl': '228 69% 55%',
|
77 | '--indigo-9-hsl': '230 57% 50%',
|
78 | }
|
79 |
|
80 | export const Blue = {
|
81 | '--blue-0-hsl': '205 100% 95%',
|
82 | '--blue-1-hsl': '206 100% 91%',
|
83 | '--blue-2-hsl': '206 100% 82%',
|
84 | '--blue-3-hsl': '206 96% 72%',
|
85 | '--blue-4-hsl': '207 91% 64%',
|
86 | '--blue-5-hsl': '207 86% 57%',
|
87 | '--blue-6-hsl': '208 80% 52%',
|
88 | '--blue-7-hsl': '208 77% 47%',
|
89 | '--blue-8-hsl': '209 77% 43%',
|
90 | '--blue-9-hsl': '209 75% 38%',
|
91 | }
|
92 |
|
93 | export const Cyan = {
|
94 | '--cyan-0-hsl': '185 81% 94%',
|
95 | '--cyan-1-hsl': '185 84% 88%',
|
96 | '--cyan-2-hsl': '186 77% 77%',
|
97 | '--cyan-3-hsl': '187 74% 65%',
|
98 | '--cyan-4-hsl': '187 69% 55%',
|
99 | '--cyan-5-hsl': '188 72% 47%',
|
100 | '--cyan-6-hsl': '187 80% 42%',
|
101 | '--cyan-7-hsl': '188 83% 37%',
|
102 | '--cyan-8-hsl': '189 85% 32%',
|
103 | '--cyan-9-hsl': '189 85% 28%',
|
104 | }
|
105 |
|
106 | export const Teal = {
|
107 | '--teal-0-hsl': '161 79% 95%',
|
108 | '--teal-1-hsl': '160 85% 87%',
|
109 | '--teal-2-hsl': '162 78% 77%',
|
110 | '--teal-3-hsl': '162 72% 65%',
|
111 | '--teal-4-hsl': '162 68% 54%',
|
112 | '--teal-5-hsl': '162 73% 46%',
|
113 | '--teal-6-hsl': '162 82% 40%',
|
114 | '--teal-7-hsl': '162 87% 35%',
|
115 | '--teal-8-hsl': '162 88% 30%',
|
116 | '--teal-9-hsl': '162 88% 26%',
|
117 | }
|
118 |
|
119 | export const Green = {
|
120 | '--green-0-hsl': '131 67% 95%',
|
121 | '--green-1-hsl': '128 76% 90%',
|
122 | '--green-2-hsl': '128 71% 82%',
|
123 | '--green-3-hsl': '129 68% 73%',
|
124 | '--green-4-hsl': '130 61% 64%',
|
125 | '--green-5-hsl': '130 57% 56%',
|
126 | '--green-6-hsl': '131 50% 50%',
|
127 | '--green-7-hsl': '131 53% 46%',
|
128 | '--green-8-hsl': '131 54% 40%',
|
129 | '--green-9-hsl': '132 52% 35%',
|
130 | }
|
131 |
|
132 | export const Lime = {
|
133 | '--lime-0-hsl': '79 81% 94%',
|
134 | '--lime-1-hsl': '80 83% 88%',
|
135 | '--lime-2-hsl': '81 81% 80%',
|
136 | '--lime-3-hsl': '82 75% 69%',
|
137 | '--lime-4-hsl': '83 73% 59%',
|
138 | '--lime-5-hsl': '84 69% 51%',
|
139 | '--lime-6-hsl': '85 74% 45%',
|
140 | '--lime-7-hsl': '85 79% 40%',
|
141 | '--lime-8-hsl': '86 84% 36%',
|
142 | '--lime-9-hsl': '85 84% 32%',
|
143 | }
|
144 |
|
145 | export const Yellow = {
|
146 | '--yellow-0-hsl': '50 100% 93%',
|
147 | '--yellow-1-hsl': '49 100% 87%',
|
148 | '--yellow-2-hsl': '49 100% 80%',
|
149 | '--yellow-3-hsl': '48 100% 70%',
|
150 | '--yellow-4-hsl': '47 100% 62%',
|
151 | '--yellow-5-hsl': '45 97% 54%',
|
152 | '--yellow-6-hsl': '42 96% 50%',
|
153 | '--yellow-7-hsl': '39 100% 48%',
|
154 | '--yellow-8-hsl': '35 100% 47%',
|
155 | '--yellow-9-hsl': '31 100% 45%',
|
156 | }
|
157 |
|
158 | export const Orange = {
|
159 | '--orange-0-hsl': '34 100% 95%',
|
160 | '--orange-1-hsl': '33 100% 90%',
|
161 | '--orange-2-hsl': '33 100% 83%',
|
162 | '--orange-3-hsl': '32 100% 74%',
|
163 | '--orange-4-hsl': '31 100% 65%',
|
164 | '--orange-5-hsl': '29 100% 58%',
|
165 | '--orange-6-hsl': '27 98% 54%',
|
166 | '--orange-7-hsl': '24 94% 50%',
|
167 | '--orange-8-hsl': '21 90% 48%',
|
168 | '--orange-9-hsl': '17 87% 45%',
|
169 | }
|
170 |
|
171 | const ColorsHSL = {
|
172 | ...Gray,
|
173 | ...Red,
|
174 | ...Pink,
|
175 | ...Grape,
|
176 | ...Violet,
|
177 | ...Indigo,
|
178 | ...Blue,
|
179 | ...Cyan,
|
180 | ...Teal,
|
181 | ...Green,
|
182 | ...Lime,
|
183 | ...Yellow,
|
184 | ...Orange,
|
185 | }
|
186 |
|
187 | export default ColorsHSL |
\ | No newline at end of file |