| 1 | /* generated mostly with props.colors.src.js */
|
| 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 | '--gray-10-hsl': '214 14% 10%',
|
| 14 | '--gray-11-hsl': '216 16% 6%',
|
| 15 | '--gray-12-hsl': '210 40% 2%',
|
| 16 | }
|
| 17 |
|
| 18 | export const Stone = {
|
| 19 | '--stone-0-hsl': '200 27% 98%',
|
| 20 | '--stone-1-hsl': '210 18% 96%',
|
| 21 | '--stone-2-hsl': '210 11% 93%',
|
| 22 | '--stone-3-hsl': '192 9% 89%',
|
| 23 | '--stone-4-hsl': '197 8% 83%',
|
| 24 | '--stone-5-hsl': '202 5% 71%',
|
| 25 | '--stone-6-hsl': '200 3% 60%',
|
| 26 | '--stone-7-hsl': '180 2% 50%',
|
| 27 | '--stone-8-hsl': '160 1% 41%',
|
| 28 | '--stone-9-hsl': '90 1% 31%',
|
| 29 | '--stone-10-hsl': '60 3% 22%',
|
| 30 | '--stone-11-hsl': '60 6% 14%',
|
| 31 | '--stone-12-hsl': '60 6% 7%',
|
| 32 | }
|
| 33 |
|
| 34 | export const Red = {
|
| 35 | '--red-0-hsl': '0 100% 98%',
|
| 36 | '--red-1-hsl': '0 100% 95%',
|
| 37 | '--red-2-hsl': '0 100% 89%',
|
| 38 | '--red-3-hsl': '0 100% 83%',
|
| 39 | '--red-4-hsl': '0 100% 76%',
|
| 40 | '--red-5-hsl': '0 100% 71%',
|
| 41 | '--red-6-hsl': '0 94% 65%',
|
| 42 | '--red-7-hsl': '0 86% 59%',
|
| 43 | '--red-8-hsl': '0 74% 54%',
|
| 44 | '--red-9-hsl': '0 65% 48%',
|
| 45 | '--red-10-hsl': '0 65% 42%',
|
| 46 | '--red-11-hsl': '0 65% 36%',
|
| 47 | '--red-12-hsl': '0 66% 30%',
|
| 48 | }
|
| 49 |
|
| 50 | export const Pink = {
|
| 51 | '--pink-0-hsl': '336 100% 97%',
|
| 52 | '--pink-1-hsl': '336 100% 94%',
|
| 53 | '--pink-2-hsl': '338 91% 87%',
|
| 54 | '--pink-3-hsl': '339 90% 81%',
|
| 55 | '--pink-4-hsl': '339 88% 74%',
|
| 56 | '--pink-5-hsl': '339 82% 67%',
|
| 57 | '--pink-6-hsl': '339 76% 59%',
|
| 58 | '--pink-7-hsl': '339 67% 52%',
|
| 59 | '--pink-8-hsl': '339 68% 45%',
|
| 60 | '--pink-9-hsl': '339 69% 38%',
|
| 61 | '--pink-10-hsl': '339 70% 32%',
|
| 62 | '--pink-11-hsl': '339 69% 27%',
|
| 63 | '--pink-12-hsl': '339 70% 21%',
|
| 64 | }
|
| 65 |
|
| 66 | export const Purple = {
|
| 67 | '--purple-0-hsl': '280 67% 96%',
|
| 68 | '--purple-1-hsl': '287 77% 92%',
|
| 69 | '--purple-2-hsl': '288 86% 86%',
|
| 70 | '--purple-3-hsl': '289 85% 78%',
|
| 71 | '--purple-4-hsl': '288 83% 71%',
|
| 72 | '--purple-5-hsl': '288 75% 64%',
|
| 73 | '--purple-6-hsl': '288 67% 58%',
|
| 74 | '--purple-7-hsl': '288 56% 52%',
|
| 75 | '--purple-8-hsl': '288 54% 46%',
|
| 76 | '--purple-9-hsl': '288 54% 40%',
|
| 77 | '--purple-10-hsl': '288 55% 33%',
|
| 78 | '--purple-11-hsl': '288 56% 26%',
|
| 79 | '--purple-12-hsl': '288 55% 20%',
|
| 80 | }
|
| 81 |
|
| 82 | export const Violet = {
|
| 83 | '--violet-0-hsl': '252 100% 97%',
|
| 84 | '--violet-1-hsl': '257 100% 93%',
|
| 85 | '--violet-2-hsl': '256 100% 87%',
|
| 86 | '--violet-3-hsl': '255 94% 79%',
|
| 87 | '--violet-4-hsl': '255 93% 72%',
|
| 88 | '--violet-5-hsl': '255 91% 67%',
|
| 89 | '--violet-6-hsl': '255 86% 63%',
|
| 90 | '--violet-7-hsl': '255 78% 60%',
|
| 91 | '--violet-8-hsl': '255 67% 55%',
|
| 92 | '--violet-9-hsl': '255 53% 50%',
|
| 93 | '--violet-10-hsl': '255 53% 44%',
|
| 94 | '--violet-11-hsl': '255 53% 37%',
|
| 95 | '--violet-12-hsl': '255 53% 31%',
|
| 96 | }
|
| 97 |
|
| 98 | export const Indigo = {
|
| 99 | '--indigo-0-hsl': '223 100% 96%',
|
| 100 | '--indigo-1-hsl': '225 100% 93%',
|
| 101 | '--indigo-2-hsl': '228 100% 86%',
|
| 102 | '--indigo-3-hsl': '228 100% 78%',
|
| 103 | '--indigo-4-hsl': '228 96% 72%',
|
| 104 | '--indigo-5-hsl': '228 94% 67%',
|
| 105 | '--indigo-6-hsl': '228 89% 63%',
|
| 106 | '--indigo-7-hsl': '228 81% 59%',
|
| 107 | '--indigo-8-hsl': '228 69% 55%',
|
| 108 | '--indigo-9-hsl': '230 57% 50%',
|
| 109 | '--indigo-10-hsl': '230 57% 43%',
|
| 110 | '--indigo-11-hsl': '230 57% 37%',
|
| 111 | '--indigo-12-hsl': '230 57% 30%',
|
| 112 | }
|
| 113 |
|
| 114 | export const Blue = {
|
| 115 | '--blue-0-hsl': '205 100% 95%',
|
| 116 | '--blue-1-hsl': '206 100% 91%',
|
| 117 | '--blue-2-hsl': '206 100% 82%',
|
| 118 | '--blue-3-hsl': '206 96% 72%',
|
| 119 | '--blue-4-hsl': '207 91% 64%',
|
| 120 | '--blue-5-hsl': '207 86% 57%',
|
| 121 | '--blue-6-hsl': '208 80% 52%',
|
| 122 | '--blue-7-hsl': '208 77% 47%',
|
| 123 | '--blue-8-hsl': '209 77% 43%',
|
| 124 | '--blue-9-hsl': '209 75% 38%',
|
| 125 | '--blue-10-hsl': '209 76% 32%',
|
| 126 | '--blue-11-hsl': '209 75% 27%',
|
| 127 | '--blue-12-hsl': '209 76% 21%',
|
| 128 | }
|
| 129 |
|
| 130 | export const Cyan = {
|
| 131 | '--cyan-0-hsl': '185 81% 94%',
|
| 132 | '--cyan-1-hsl': '185 84% 88%',
|
| 133 | '--cyan-2-hsl': '186 77% 77%',
|
| 134 | '--cyan-3-hsl': '187 74% 65%',
|
| 135 | '--cyan-4-hsl': '187 69% 55%',
|
| 136 | '--cyan-5-hsl': '188 72% 47%',
|
| 137 | '--cyan-6-hsl': '187 80% 42%',
|
| 138 | '--cyan-7-hsl': '188 83% 37%',
|
| 139 | '--cyan-8-hsl': '189 85% 32%',
|
| 140 | '--cyan-9-hsl': '189 85% 28%',
|
| 141 | '--cyan-10-hsl': '189 84% 23%',
|
| 142 | '--cyan-11-hsl': '190 84% 17%',
|
| 143 | '--cyan-12-hsl': '189 84% 12%',
|
| 144 | }
|
| 145 |
|
| 146 | export const Teal = {
|
| 147 | '--teal-0-hsl': '161 79% 95%',
|
| 148 | '--teal-1-hsl': '160 85% 87%',
|
| 149 | '--teal-2-hsl': '162 78% 77%',
|
| 150 | '--teal-3-hsl': '162 72% 65%',
|
| 151 | '--teal-4-hsl': '162 68% 54%',
|
| 152 | '--teal-5-hsl': '162 73% 46%',
|
| 153 | '--teal-6-hsl': '162 82% 40%',
|
| 154 | '--teal-7-hsl': '162 87% 35%',
|
| 155 | '--teal-8-hsl': '162 88% 30%',
|
| 156 | '--teal-9-hsl': '162 88% 26%',
|
| 157 | '--teal-10-hsl': '162 89% 21%',
|
| 158 | '--teal-11-hsl': '162 88% 16%',
|
| 159 | '--teal-12-hsl': '163 89% 11%',
|
| 160 | }
|
| 161 |
|
| 162 | export const Green = {
|
| 163 | '--green-0-hsl': '131 67% 95%',
|
| 164 | '--green-1-hsl': '128 76% 90%',
|
| 165 | '--green-2-hsl': '128 71% 82%',
|
| 166 | '--green-3-hsl': '129 68% 73%',
|
| 167 | '--green-4-hsl': '130 61% 64%',
|
| 168 | '--green-5-hsl': '130 57% 56%',
|
| 169 | '--green-6-hsl': '131 50% 50%',
|
| 170 | '--green-7-hsl': '131 53% 46%',
|
| 171 | '--green-8-hsl': '131 54% 40%',
|
| 172 | '--green-9-hsl': '132 52% 35%',
|
| 173 | '--green-10-hsl': '132 52% 29%',
|
| 174 | '--green-11-hsl': '132 53% 22%',
|
| 175 | '--green-12-hsl': '131 53% 16%',
|
| 176 | }
|
| 177 |
|
| 178 | export const Lime = {
|
| 179 | '--lime-0-hsl': '79 81% 94%',
|
| 180 | '--lime-1-hsl': '80 83% 88%',
|
| 181 | '--lime-2-hsl': '81 81% 80%',
|
| 182 | '--lime-3-hsl': '82 75% 69%',
|
| 183 | '--lime-4-hsl': '83 73% 59%',
|
| 184 | '--lime-5-hsl': '84 69% 51%',
|
| 185 | '--lime-6-hsl': '85 74% 45%',
|
| 186 | '--lime-7-hsl': '85 79% 40%',
|
| 187 | '--lime-8-hsl': '86 84% 36%',
|
| 188 | '--lime-9-hsl': '85 84% 32%',
|
| 189 | '--lime-10-hsl': '85 83% 26%',
|
| 190 | '--lime-11-hsl': '85 83% 21%',
|
| 191 | '--lime-12-hsl': '85 84% 15%',
|
| 192 | }
|
| 193 |
|
| 194 | export const Yellow = {
|
| 195 | '--yellow-0-hsl': '50 100% 93%',
|
| 196 | '--yellow-1-hsl': '49 100% 87%',
|
| 197 | '--yellow-2-hsl': '49 100% 80%',
|
| 198 | '--yellow-3-hsl': '48 100% 70%',
|
| 199 | '--yellow-4-hsl': '47 100% 62%',
|
| 200 | '--yellow-5-hsl': '45 97% 54%',
|
| 201 | '--yellow-6-hsl': '42 96% 50%',
|
| 202 | '--yellow-7-hsl': '39 100% 48%',
|
| 203 | '--yellow-8-hsl': '35 100% 47%',
|
| 204 | '--yellow-9-hsl': '31 100% 45%',
|
| 205 | '--yellow-10-hsl': '31 100% 35%',
|
| 206 | '--yellow-11-hsl': '31 100% 25%',
|
| 207 | '--yellow-12-hsl': '31 100% 20%',
|
| 208 | }
|
| 209 |
|
| 210 | export const Orange = {
|
| 211 | '--orange-0-hsl': '34 100% 95%',
|
| 212 | '--orange-1-hsl': '33 100% 90%',
|
| 213 | '--orange-2-hsl': '33 100% 83%',
|
| 214 | '--orange-3-hsl': '32 100% 74%',
|
| 215 | '--orange-4-hsl': '31 100% 65%',
|
| 216 | '--orange-5-hsl': '29 100% 58%',
|
| 217 | '--orange-6-hsl': '27 98% 54%',
|
| 218 | '--orange-7-hsl': '24 94% 50%',
|
| 219 | '--orange-8-hsl': '21 90% 48%',
|
| 220 | '--orange-9-hsl': '17 87% 45%',
|
| 221 | '--orange-10-hsl': '17 87% 40%',
|
| 222 | '--orange-11-hsl': '17 87% 32%',
|
| 223 | '--orange-12-hsl': '17 87% 27%',
|
| 224 | }
|
| 225 |
|
| 226 | export const Choco = {
|
| 227 | '--choco-0-hsl': '48 100% 93%',
|
| 228 | '--choco-1-hsl': '35 91% 86%',
|
| 229 | '--choco-2-hsl': '30 85% 79%',
|
| 230 | '--choco-3-hsl': '27 80% 72%',
|
| 231 | '--choco-4-hsl': '25 75% 65%',
|
| 232 | '--choco-5-hsl': '25 71% 57%',
|
| 233 | '--choco-6-hsl': '25 70% 49%',
|
| 234 | '--choco-7-hsl': '25 75% 42%',
|
| 235 | '--choco-8-hsl': '25 75% 37%',
|
| 236 | '--choco-9-hsl': '25 76% 31%',
|
| 237 | '--choco-10-hsl': '25 71% 26%',
|
| 238 | '--choco-11-hsl': '25 66% 21%',
|
| 239 | '--choco-12-hsl': '25 65% 15%',
|
| 240 | }
|
| 241 |
|
| 242 | export const Brown = {
|
| 243 | '--brown-0-hsl': '36 60% 95%',
|
| 244 | '--brown-1-hsl': '32 44% 87%',
|
| 245 | '--brown-2-hsl': '28 40% 80%',
|
| 246 | '--brown-3-hsl': '28 38% 72%',
|
| 247 | '--brown-4-hsl': '27 36% 65%',
|
| 248 | '--brown-5-hsl': '28 34% 57%',
|
| 249 | '--brown-6-hsl': '28 32% 50%',
|
| 250 | '--brown-7-hsl': '28 35% 43%',
|
| 251 | '--brown-8-hsl': '28 38% 37%',
|
| 252 | '--brown-9-hsl': '27 42% 31%',
|
| 253 | '--brown-10-hsl': '25 48% 25%',
|
| 254 | '--brown-11-hsl': '23 58% 19%',
|
| 255 | '--brown-12-hsl': '22 57% 16%',
|
| 256 | }
|
| 257 |
|
| 258 | export const Sand = {
|
| 259 | '--sand-0-hsl': '200 27% 98%',
|
| 260 | '--sand-1-hsl': '48 17% 88%',
|
| 261 | '--sand-2-hsl': '45 22% 79%',
|
| 262 | '--sand-3-hsl': '44 22% 69%',
|
| 263 | '--sand-4-hsl': '44 17% 62%',
|
| 264 | '--sand-5-hsl': '44 14% 54%',
|
| 265 | '--sand-6-hsl': '42 14% 46%',
|
| 266 | '--sand-7-hsl': '43 16% 39%',
|
| 267 | '--sand-8-hsl': '41 15% 32%',
|
| 268 | '--sand-9-hsl': '43 14% 26%',
|
| 269 | '--sand-10-hsl': '44 11% 20%',
|
| 270 | '--sand-11-hsl': '60 6% 14%',
|
| 271 | '--sand-12-hsl': '60 6% 7%',
|
| 272 | }
|
| 273 |
|
| 274 | export const Camo = {
|
| 275 | '--camo-0-hsl': '66 71% 95%',
|
| 276 | '--camo-1-hsl': '64 69% 77%',
|
| 277 | '--camo-2-hsl': '65 69% 59%',
|
| 278 | '--camo-3-hsl': '65 61% 51%',
|
| 279 | '--camo-4-hsl': '63 61% 46%',
|
| 280 | '--camo-5-hsl': '60 62% 41%',
|
| 281 | '--camo-6-hsl': '59 65% 36%',
|
| 282 | '--camo-7-hsl': '56 67% 33%',
|
| 283 | '--camo-8-hsl': '54 70% 29%',
|
| 284 | '--camo-9-hsl': '54 69% 25%',
|
| 285 | '--camo-10-hsl': '53 69% 22%',
|
| 286 | '--camo-11-hsl': '53 69% 18%',
|
| 287 | '--camo-12-hsl': '52 69% 13%',
|
| 288 | }
|
| 289 |
|
| 290 | export const Jungle = {
|
| 291 | '--jungle-0-hsl': '74 98% 84%',
|
| 292 | '--jungle-1-hsl': '74 79% 78%',
|
| 293 | '--jungle-2-hsl': '74 68% 71%',
|
| 294 | '--jungle-3-hsl': '75 62% 65%',
|
| 295 | '--jungle-4-hsl': '74 56% 59%',
|
| 296 | '--jungle-5-hsl': '74 53% 53%',
|
| 297 | '--jungle-6-hsl': '74 55% 47%',
|
| 298 | '--jungle-7-hsl': '74 66% 42%',
|
| 299 | '--jungle-8-hsl': '74 79% 36%',
|
| 300 | '--jungle-9-hsl': '73 90% 32%',
|
| 301 | '--jungle-10-hsl': '73 91% 26%',
|
| 302 | '--jungle-11-hsl': '73 91% 21%',
|
| 303 | '--jungle-12-hsl': '73 90% 16%',
|
| 304 | }
|
| 305 |
|
| 306 | const ColorsHSL = {
|
| 307 | ...Gray,
|
| 308 | ...Stone,
|
| 309 | ...Red,
|
| 310 | ...Pink,
|
| 311 | ...Purple,
|
| 312 | ...Violet,
|
| 313 | ...Indigo,
|
| 314 | ...Blue,
|
| 315 | ...Cyan,
|
| 316 | ...Teal,
|
| 317 | ...Green,
|
| 318 | ...Lime,
|
| 319 | ...Yellow,
|
| 320 | ...Orange,
|
| 321 | ...Choco,
|
| 322 | ...Brown,
|
| 323 | ...Sand,
|
| 324 | ...Camo,
|
| 325 | ...Jungle,
|
| 326 | }
|
| 327 |
|
| 328 | export default ColorsHSL
|