@grida/tailwindcss-colors 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +273 -0
- package/css/hex.css +244 -0
- package/css/oklch.css +244 -0
- package/css/rgb.css +244 -0
- package/css/rgba.css +244 -0
- package/json/hex.json +288 -0
- package/json/hex.json.d.ts +53 -0
- package/json/oklch.json +288 -0
- package/json/oklch.json.d.ts +65 -0
- package/json/rgb.json +288 -0
- package/json/rgb.json.d.ts +62 -0
- package/json/rgba.json +288 -0
- package/json/rgba.json.d.ts +65 -0
- package/json/rgbf.json +288 -0
- package/json/rgbf.json.d.ts +63 -0
- package/package.json +36 -0
package/json/oklch.json
ADDED
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
{
|
|
2
|
+
"amber": {
|
|
3
|
+
"50": [0.987, 0.022, 95.277],
|
|
4
|
+
"100": [0.9620000000000001, 0.059, 95.617],
|
|
5
|
+
"200": [0.924, 0.12, 95.746],
|
|
6
|
+
"300": [0.879, 0.169, 91.605],
|
|
7
|
+
"400": [0.828, 0.189, 84.429],
|
|
8
|
+
"500": [0.769, 0.188, 70.08],
|
|
9
|
+
"600": [0.6659999999999999, 0.179, 58.318],
|
|
10
|
+
"700": [0.555, 0.163, 48.998],
|
|
11
|
+
"800": [0.473, 0.137, 46.201],
|
|
12
|
+
"900": [0.414, 0.112, 45.904],
|
|
13
|
+
"950": [0.27899999999999997, 0.077, 45.635]
|
|
14
|
+
},
|
|
15
|
+
"blue": {
|
|
16
|
+
"50": [0.97, 0.014, 254.604],
|
|
17
|
+
"100": [0.932, 0.032, 255.585],
|
|
18
|
+
"200": [0.882, 0.059, 254.128],
|
|
19
|
+
"300": [0.809, 0.105, 251.813],
|
|
20
|
+
"400": [0.7070000000000001, 0.165, 254.624],
|
|
21
|
+
"500": [0.623, 0.214, 259.815],
|
|
22
|
+
"600": [0.546, 0.245, 262.881],
|
|
23
|
+
"700": [0.488, 0.243, 264.376],
|
|
24
|
+
"800": [0.424, 0.199, 265.638],
|
|
25
|
+
"900": [0.379, 0.146, 265.522],
|
|
26
|
+
"950": [0.282, 0.091, 267.935]
|
|
27
|
+
},
|
|
28
|
+
"cyan": {
|
|
29
|
+
"50": [0.9840000000000001, 0.019, 200.873],
|
|
30
|
+
"100": [0.956, 0.045, 203.388],
|
|
31
|
+
"200": [0.917, 0.08, 205.041],
|
|
32
|
+
"300": [0.865, 0.127, 207.078],
|
|
33
|
+
"400": [0.789, 0.154, 211.53],
|
|
34
|
+
"500": [0.715, 0.143, 215.221],
|
|
35
|
+
"600": [0.609, 0.126, 221.723],
|
|
36
|
+
"700": [0.52, 0.105, 223.128],
|
|
37
|
+
"800": [0.45, 0.085, 224.283],
|
|
38
|
+
"900": [0.39799999999999996, 0.07, 227.392],
|
|
39
|
+
"950": [0.302, 0.056, 229.695]
|
|
40
|
+
},
|
|
41
|
+
"emerald": {
|
|
42
|
+
"50": [0.9790000000000001, 0.021, 166.113],
|
|
43
|
+
"100": [0.95, 0.052, 163.051],
|
|
44
|
+
"200": [0.905, 0.093, 164.15],
|
|
45
|
+
"300": [0.845, 0.143, 164.978],
|
|
46
|
+
"400": [0.765, 0.177, 163.223],
|
|
47
|
+
"500": [0.696, 0.17, 162.48],
|
|
48
|
+
"600": [0.596, 0.145, 163.225],
|
|
49
|
+
"700": [0.508, 0.118, 165.612],
|
|
50
|
+
"800": [0.43200000000000005, 0.095, 166.913],
|
|
51
|
+
"900": [0.37799999999999995, 0.077, 168.94],
|
|
52
|
+
"950": [0.262, 0.051, 172.552]
|
|
53
|
+
},
|
|
54
|
+
"fuchsia": {
|
|
55
|
+
"50": [0.977, 0.017, 320.058],
|
|
56
|
+
"100": [0.9520000000000001, 0.037, 318.852],
|
|
57
|
+
"200": [0.903, 0.076, 319.62],
|
|
58
|
+
"300": [0.833, 0.145, 321.434],
|
|
59
|
+
"400": [0.74, 0.238, 322.16],
|
|
60
|
+
"500": [0.667, 0.295, 322.15],
|
|
61
|
+
"600": [0.591, 0.293, 322.896],
|
|
62
|
+
"700": [0.518, 0.253, 323.949],
|
|
63
|
+
"800": [0.452, 0.211, 324.591],
|
|
64
|
+
"900": [0.401, 0.17, 325.612],
|
|
65
|
+
"950": [0.293, 0.136, 325.661]
|
|
66
|
+
},
|
|
67
|
+
"gray": {
|
|
68
|
+
"50": [0.985, 0.002, 247.839],
|
|
69
|
+
"100": [0.9670000000000001, 0.003, 264.542],
|
|
70
|
+
"200": [0.9279999999999999, 0.006, 264.531],
|
|
71
|
+
"300": [0.872, 0.01, 258.338],
|
|
72
|
+
"400": [0.7070000000000001, 0.022, 261.325],
|
|
73
|
+
"500": [0.551, 0.027, 264.364],
|
|
74
|
+
"600": [0.446, 0.03, 256.802],
|
|
75
|
+
"700": [0.373, 0.034, 259.733],
|
|
76
|
+
"800": [0.278, 0.033, 256.848],
|
|
77
|
+
"900": [0.21, 0.034, 264.665],
|
|
78
|
+
"950": [0.13, 0.028, 261.692]
|
|
79
|
+
},
|
|
80
|
+
"green": {
|
|
81
|
+
"50": [0.982, 0.018, 155.826],
|
|
82
|
+
"100": [0.9620000000000001, 0.044, 156.743],
|
|
83
|
+
"200": [0.925, 0.084, 155.995],
|
|
84
|
+
"300": [0.871, 0.15, 154.449],
|
|
85
|
+
"400": [0.792, 0.209, 151.711],
|
|
86
|
+
"500": [0.723, 0.219, 149.579],
|
|
87
|
+
"600": [0.627, 0.194, 149.214],
|
|
88
|
+
"700": [0.527, 0.154, 150.069],
|
|
89
|
+
"800": [0.44799999999999995, 0.119, 151.328],
|
|
90
|
+
"900": [0.39299999999999996, 0.095, 152.535],
|
|
91
|
+
"950": [0.266, 0.065, 152.934]
|
|
92
|
+
},
|
|
93
|
+
"indigo": {
|
|
94
|
+
"50": [0.9620000000000001, 0.018, 272.314],
|
|
95
|
+
"100": [0.93, 0.034, 272.788],
|
|
96
|
+
"200": [0.87, 0.065, 274.039],
|
|
97
|
+
"300": [0.785, 0.115, 274.713],
|
|
98
|
+
"400": [0.6729999999999999, 0.182, 276.935],
|
|
99
|
+
"500": [0.585, 0.233, 277.117],
|
|
100
|
+
"600": [0.511, 0.262, 276.966],
|
|
101
|
+
"700": [0.457, 0.24, 277.023],
|
|
102
|
+
"800": [0.39799999999999996, 0.195, 277.366],
|
|
103
|
+
"900": [0.359, 0.144, 278.697],
|
|
104
|
+
"950": [0.257, 0.09, 281.288]
|
|
105
|
+
},
|
|
106
|
+
"lime": {
|
|
107
|
+
"50": [0.986, 0.031, 120.757],
|
|
108
|
+
"100": [0.9670000000000001, 0.067, 122.328],
|
|
109
|
+
"200": [0.938, 0.127, 124.321],
|
|
110
|
+
"300": [0.897, 0.196, 126.665],
|
|
111
|
+
"400": [0.841, 0.238, 128.85],
|
|
112
|
+
"500": [0.768, 0.233, 130.85],
|
|
113
|
+
"600": [0.648, 0.2, 131.684],
|
|
114
|
+
"700": [0.532, 0.157, 131.589],
|
|
115
|
+
"800": [0.45299999999999996, 0.124, 130.933],
|
|
116
|
+
"900": [0.405, 0.101, 131.063],
|
|
117
|
+
"950": [0.27399999999999997, 0.072, 132.109]
|
|
118
|
+
},
|
|
119
|
+
"neutral": {
|
|
120
|
+
"50": [0.985, 0, 0],
|
|
121
|
+
"100": [0.97, 0, 0],
|
|
122
|
+
"200": [0.922, 0, 0],
|
|
123
|
+
"300": [0.87, 0, 0],
|
|
124
|
+
"400": [0.708, 0, 0],
|
|
125
|
+
"500": [0.556, 0, 0],
|
|
126
|
+
"600": [0.439, 0, 0],
|
|
127
|
+
"700": [0.371, 0, 0],
|
|
128
|
+
"800": [0.26899999999999996, 0, 0],
|
|
129
|
+
"900": [0.205, 0, 0],
|
|
130
|
+
"950": [0.145, 0, 0]
|
|
131
|
+
},
|
|
132
|
+
"orange": {
|
|
133
|
+
"50": [0.98, 0.016, 73.684],
|
|
134
|
+
"100": [0.9540000000000001, 0.038, 75.164],
|
|
135
|
+
"200": [0.9009999999999999, 0.076, 70.697],
|
|
136
|
+
"300": [0.8370000000000001, 0.128, 66.29],
|
|
137
|
+
"400": [0.75, 0.183, 55.934],
|
|
138
|
+
"500": [0.705, 0.213, 47.604],
|
|
139
|
+
"600": [0.6459999999999999, 0.222, 41.116],
|
|
140
|
+
"700": [0.5529999999999999, 0.195, 38.402],
|
|
141
|
+
"800": [0.47, 0.157, 37.304],
|
|
142
|
+
"900": [0.408, 0.123, 38.172],
|
|
143
|
+
"950": [0.266, 0.079, 36.259]
|
|
144
|
+
},
|
|
145
|
+
"pink": {
|
|
146
|
+
"50": [0.971, 0.014, 343.198],
|
|
147
|
+
"100": [0.948, 0.028, 342.258],
|
|
148
|
+
"200": [0.899, 0.061, 343.231],
|
|
149
|
+
"300": [0.823, 0.12, 346.018],
|
|
150
|
+
"400": [0.718, 0.202, 349.761],
|
|
151
|
+
"500": [0.6559999999999999, 0.241, 354.308],
|
|
152
|
+
"600": [0.5920000000000001, 0.249, 0.584],
|
|
153
|
+
"700": [0.525, 0.223, 3.958],
|
|
154
|
+
"800": [0.45899999999999996, 0.187, 3.815],
|
|
155
|
+
"900": [0.408, 0.153, 2.432],
|
|
156
|
+
"950": [0.284, 0.109, 3.907]
|
|
157
|
+
},
|
|
158
|
+
"purple": {
|
|
159
|
+
"50": [0.977, 0.014, 308.299],
|
|
160
|
+
"100": [0.946, 0.033, 307.174],
|
|
161
|
+
"200": [0.902, 0.063, 306.703],
|
|
162
|
+
"300": [0.8270000000000001, 0.119, 306.383],
|
|
163
|
+
"400": [0.7140000000000001, 0.203, 305.504],
|
|
164
|
+
"500": [0.627, 0.265, 303.9],
|
|
165
|
+
"600": [0.5579999999999999, 0.288, 302.321],
|
|
166
|
+
"700": [0.496, 0.265, 301.924],
|
|
167
|
+
"800": [0.43799999999999994, 0.218, 303.724],
|
|
168
|
+
"900": [0.381, 0.176, 304.987],
|
|
169
|
+
"950": [0.29100000000000004, 0.149, 302.717]
|
|
170
|
+
},
|
|
171
|
+
"red": {
|
|
172
|
+
"50": [0.971, 0.013, 17.38],
|
|
173
|
+
"100": [0.9359999999999999, 0.032, 17.717],
|
|
174
|
+
"200": [0.885, 0.062, 18.334],
|
|
175
|
+
"300": [0.8079999999999999, 0.114, 19.571],
|
|
176
|
+
"400": [0.7040000000000001, 0.191, 22.216],
|
|
177
|
+
"500": [0.637, 0.237, 25.331],
|
|
178
|
+
"600": [0.5770000000000001, 0.245, 27.325],
|
|
179
|
+
"700": [0.505, 0.213, 27.518],
|
|
180
|
+
"800": [0.444, 0.177, 26.899],
|
|
181
|
+
"900": [0.396, 0.141, 25.723],
|
|
182
|
+
"950": [0.258, 0.092, 26.042]
|
|
183
|
+
},
|
|
184
|
+
"rose": {
|
|
185
|
+
"50": [0.9690000000000001, 0.015, 12.422],
|
|
186
|
+
"100": [0.941, 0.03, 12.58],
|
|
187
|
+
"200": [0.892, 0.058, 10.001],
|
|
188
|
+
"300": [0.81, 0.117, 11.638],
|
|
189
|
+
"400": [0.7120000000000001, 0.194, 13.428],
|
|
190
|
+
"500": [0.645, 0.246, 16.439],
|
|
191
|
+
"600": [0.586, 0.253, 17.585],
|
|
192
|
+
"700": [0.514, 0.222, 16.935],
|
|
193
|
+
"800": [0.455, 0.188, 13.697],
|
|
194
|
+
"900": [0.41, 0.159, 10.272],
|
|
195
|
+
"950": [0.271, 0.105, 12.094]
|
|
196
|
+
},
|
|
197
|
+
"sky": {
|
|
198
|
+
"50": [0.977, 0.013, 236.62],
|
|
199
|
+
"100": [0.951, 0.026, 236.824],
|
|
200
|
+
"200": [0.9009999999999999, 0.058, 230.902],
|
|
201
|
+
"300": [0.828, 0.111, 230.318],
|
|
202
|
+
"400": [0.746, 0.16, 232.661],
|
|
203
|
+
"500": [0.685, 0.169, 237.323],
|
|
204
|
+
"600": [0.588, 0.158, 241.966],
|
|
205
|
+
"700": [0.5, 0.134, 242.749],
|
|
206
|
+
"800": [0.44299999999999995, 0.11, 240.79],
|
|
207
|
+
"900": [0.391, 0.09, 240.876],
|
|
208
|
+
"950": [0.293, 0.066, 243.157]
|
|
209
|
+
},
|
|
210
|
+
"slate": {
|
|
211
|
+
"50": [0.9840000000000001, 0.003, 247.858],
|
|
212
|
+
"100": [0.968, 0.007, 247.896],
|
|
213
|
+
"200": [0.929, 0.013, 255.508],
|
|
214
|
+
"300": [0.8690000000000001, 0.022, 252.894],
|
|
215
|
+
"400": [0.7040000000000001, 0.04, 256.788],
|
|
216
|
+
"500": [0.5539999999999999, 0.046, 257.417],
|
|
217
|
+
"600": [0.446, 0.043, 257.281],
|
|
218
|
+
"700": [0.37200000000000005, 0.044, 257.287],
|
|
219
|
+
"800": [0.27899999999999997, 0.041, 260.031],
|
|
220
|
+
"900": [0.20800000000000002, 0.042, 265.755],
|
|
221
|
+
"950": [0.129, 0.042, 264.695]
|
|
222
|
+
},
|
|
223
|
+
"stone": {
|
|
224
|
+
"50": [0.985, 0.001, 106.423],
|
|
225
|
+
"100": [0.97, 0.001, 106.424],
|
|
226
|
+
"200": [0.9229999999999999, 0.003, 48.717],
|
|
227
|
+
"300": [0.8690000000000001, 0.005, 56.366],
|
|
228
|
+
"400": [0.7090000000000001, 0.01, 56.259],
|
|
229
|
+
"500": [0.5529999999999999, 0.013, 58.071],
|
|
230
|
+
"600": [0.444, 0.011, 73.639],
|
|
231
|
+
"700": [0.374, 0.01, 67.558],
|
|
232
|
+
"800": [0.268, 0.007, 34.298],
|
|
233
|
+
"900": [0.21600000000000003, 0.006, 56.043],
|
|
234
|
+
"950": [0.147, 0.004, 49.25]
|
|
235
|
+
},
|
|
236
|
+
"teal": {
|
|
237
|
+
"50": [0.9840000000000001, 0.014, 180.72],
|
|
238
|
+
"100": [0.953, 0.051, 180.801],
|
|
239
|
+
"200": [0.91, 0.096, 180.426],
|
|
240
|
+
"300": [0.855, 0.138, 181.071],
|
|
241
|
+
"400": [0.777, 0.152, 181.912],
|
|
242
|
+
"500": [0.7040000000000001, 0.14, 182.503],
|
|
243
|
+
"600": [0.6, 0.118, 184.704],
|
|
244
|
+
"700": [0.511, 0.096, 186.391],
|
|
245
|
+
"800": [0.43700000000000006, 0.078, 188.216],
|
|
246
|
+
"900": [0.386, 0.063, 188.416],
|
|
247
|
+
"950": [0.27699999999999997, 0.046, 192.524]
|
|
248
|
+
},
|
|
249
|
+
"violet": {
|
|
250
|
+
"50": [0.9690000000000001, 0.016, 293.756],
|
|
251
|
+
"100": [0.943, 0.029, 294.588],
|
|
252
|
+
"200": [0.894, 0.057, 293.283],
|
|
253
|
+
"300": [0.8109999999999999, 0.111, 293.571],
|
|
254
|
+
"400": [0.7020000000000001, 0.183, 293.541],
|
|
255
|
+
"500": [0.606, 0.25, 292.717],
|
|
256
|
+
"600": [0.541, 0.281, 293.009],
|
|
257
|
+
"700": [0.491, 0.27, 292.581],
|
|
258
|
+
"800": [0.43200000000000005, 0.232, 292.759],
|
|
259
|
+
"900": [0.38, 0.189, 293.745],
|
|
260
|
+
"950": [0.28300000000000003, 0.141, 291.089]
|
|
261
|
+
},
|
|
262
|
+
"yellow": {
|
|
263
|
+
"50": [0.987, 0.026, 102.212],
|
|
264
|
+
"100": [0.973, 0.071, 103.193],
|
|
265
|
+
"200": [0.945, 0.129, 101.54],
|
|
266
|
+
"300": [0.905, 0.182, 98.111],
|
|
267
|
+
"400": [0.852, 0.199, 91.936],
|
|
268
|
+
"500": [0.795, 0.184, 86.047],
|
|
269
|
+
"600": [0.6809999999999999, 0.162, 75.834],
|
|
270
|
+
"700": [0.5539999999999999, 0.135, 66.442],
|
|
271
|
+
"800": [0.47600000000000003, 0.114, 61.907],
|
|
272
|
+
"900": [0.42100000000000004, 0.095, 57.708],
|
|
273
|
+
"950": [0.28600000000000003, 0.066, 53.813]
|
|
274
|
+
},
|
|
275
|
+
"zinc": {
|
|
276
|
+
"50": [0.985, 0, 0],
|
|
277
|
+
"100": [0.9670000000000001, 0.001, 286.375],
|
|
278
|
+
"200": [0.92, 0.004, 286.32],
|
|
279
|
+
"300": [0.871, 0.006, 286.286],
|
|
280
|
+
"400": [0.705, 0.015, 286.067],
|
|
281
|
+
"500": [0.552, 0.016, 285.938],
|
|
282
|
+
"600": [0.442, 0.017, 285.786],
|
|
283
|
+
"700": [0.37, 0.013, 285.805],
|
|
284
|
+
"800": [0.27399999999999997, 0.006, 286.033],
|
|
285
|
+
"900": [0.21, 0.006, 285.885],
|
|
286
|
+
"950": [0.141, 0.005, 285.823]
|
|
287
|
+
}
|
|
288
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* OKLCH color tuple.
|
|
3
|
+
*
|
|
4
|
+
* @unit OKLCH (perceptual color space)
|
|
5
|
+
* @spec Lightness (0.0-1.0), Chroma (0.0+), Hue (0.0-360.0 degrees)
|
|
6
|
+
* @format [l, c, h]
|
|
7
|
+
* @note Hue may be 0 for achromatic colors (grays)
|
|
8
|
+
* @example [0.384, 0.015, 255.59] // slate-500
|
|
9
|
+
*/
|
|
10
|
+
type OKLCH = [number, number, number];
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Tailwind CSS color shade identifier.
|
|
14
|
+
*
|
|
15
|
+
* @spec Valid shades: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950
|
|
16
|
+
*/
|
|
17
|
+
type ColorShade =
|
|
18
|
+
| "50"
|
|
19
|
+
| "100"
|
|
20
|
+
| "200"
|
|
21
|
+
| "300"
|
|
22
|
+
| "400"
|
|
23
|
+
| "500"
|
|
24
|
+
| "600"
|
|
25
|
+
| "700"
|
|
26
|
+
| "800"
|
|
27
|
+
| "900"
|
|
28
|
+
| "950";
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Tailwind CSS v4 color palette in OKLCH format.
|
|
32
|
+
*
|
|
33
|
+
* @unit OKLCH (perceptual color space)
|
|
34
|
+
* @spec Lightness (0.0-1.0), Chroma (0.0+), Hue (0.0-360.0 degrees)
|
|
35
|
+
* @format { [colorFamily]: { [shade]: [l, c, h] } }
|
|
36
|
+
* @note Hue is 0 for achromatic colors (grays)
|
|
37
|
+
* @example colors.slate["500"] // [0.384, 0.015, 255.59]
|
|
38
|
+
* @useCase Perceptual color operations, color mixing, modern color spaces
|
|
39
|
+
*/
|
|
40
|
+
declare const colors: {
|
|
41
|
+
amber: Record<ColorShade, OKLCH>;
|
|
42
|
+
blue: Record<ColorShade, OKLCH>;
|
|
43
|
+
cyan: Record<ColorShade, OKLCH>;
|
|
44
|
+
emerald: Record<ColorShade, OKLCH>;
|
|
45
|
+
fuchsia: Record<ColorShade, OKLCH>;
|
|
46
|
+
gray: Record<ColorShade, OKLCH>;
|
|
47
|
+
green: Record<ColorShade, OKLCH>;
|
|
48
|
+
indigo: Record<ColorShade, OKLCH>;
|
|
49
|
+
lime: Record<ColorShade, OKLCH>;
|
|
50
|
+
neutral: Record<ColorShade, OKLCH>;
|
|
51
|
+
orange: Record<ColorShade, OKLCH>;
|
|
52
|
+
pink: Record<ColorShade, OKLCH>;
|
|
53
|
+
purple: Record<ColorShade, OKLCH>;
|
|
54
|
+
red: Record<ColorShade, OKLCH>;
|
|
55
|
+
rose: Record<ColorShade, OKLCH>;
|
|
56
|
+
sky: Record<ColorShade, OKLCH>;
|
|
57
|
+
slate: Record<ColorShade, OKLCH>;
|
|
58
|
+
stone: Record<ColorShade, OKLCH>;
|
|
59
|
+
teal: Record<ColorShade, OKLCH>;
|
|
60
|
+
violet: Record<ColorShade, OKLCH>;
|
|
61
|
+
yellow: Record<ColorShade, OKLCH>;
|
|
62
|
+
zinc: Record<ColorShade, OKLCH>;
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
export default colors;
|
package/json/rgb.json
ADDED
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
{
|
|
2
|
+
"amber": {
|
|
3
|
+
"50": [255, 251, 235],
|
|
4
|
+
"100": [254, 243, 198],
|
|
5
|
+
"200": [254, 230, 133],
|
|
6
|
+
"300": [255, 210, 48],
|
|
7
|
+
"400": [255, 185, 0],
|
|
8
|
+
"500": [254, 154, 0],
|
|
9
|
+
"600": [225, 113, 0],
|
|
10
|
+
"700": [187, 77, 0],
|
|
11
|
+
"800": [151, 60, 0],
|
|
12
|
+
"900": [123, 51, 6],
|
|
13
|
+
"950": [70, 25, 1]
|
|
14
|
+
},
|
|
15
|
+
"blue": {
|
|
16
|
+
"50": [239, 246, 255],
|
|
17
|
+
"100": [219, 234, 254],
|
|
18
|
+
"200": [190, 219, 255],
|
|
19
|
+
"300": [142, 197, 255],
|
|
20
|
+
"400": [81, 162, 255],
|
|
21
|
+
"500": [43, 127, 255],
|
|
22
|
+
"600": [21, 93, 252],
|
|
23
|
+
"700": [20, 71, 230],
|
|
24
|
+
"800": [25, 60, 184],
|
|
25
|
+
"900": [28, 57, 142],
|
|
26
|
+
"950": [22, 36, 86]
|
|
27
|
+
},
|
|
28
|
+
"cyan": {
|
|
29
|
+
"50": [236, 254, 255],
|
|
30
|
+
"100": [206, 250, 254],
|
|
31
|
+
"200": [162, 244, 253],
|
|
32
|
+
"300": [83, 234, 253],
|
|
33
|
+
"400": [0, 211, 242],
|
|
34
|
+
"500": [0, 184, 219],
|
|
35
|
+
"600": [0, 146, 184],
|
|
36
|
+
"700": [0, 117, 149],
|
|
37
|
+
"800": [0, 95, 120],
|
|
38
|
+
"900": [16, 78, 100],
|
|
39
|
+
"950": [5, 51, 69]
|
|
40
|
+
},
|
|
41
|
+
"emerald": {
|
|
42
|
+
"50": [236, 253, 245],
|
|
43
|
+
"100": [208, 250, 229],
|
|
44
|
+
"200": [164, 244, 207],
|
|
45
|
+
"300": [94, 233, 181],
|
|
46
|
+
"400": [0, 212, 146],
|
|
47
|
+
"500": [0, 188, 125],
|
|
48
|
+
"600": [0, 153, 102],
|
|
49
|
+
"700": [0, 122, 85],
|
|
50
|
+
"800": [0, 96, 69],
|
|
51
|
+
"900": [0, 79, 59],
|
|
52
|
+
"950": [0, 44, 34]
|
|
53
|
+
},
|
|
54
|
+
"fuchsia": {
|
|
55
|
+
"50": [253, 244, 255],
|
|
56
|
+
"100": [250, 232, 255],
|
|
57
|
+
"200": [246, 207, 255],
|
|
58
|
+
"300": [244, 168, 255],
|
|
59
|
+
"400": [237, 106, 255],
|
|
60
|
+
"500": [225, 42, 251],
|
|
61
|
+
"600": [200, 0, 222],
|
|
62
|
+
"700": [168, 0, 183],
|
|
63
|
+
"800": [138, 1, 148],
|
|
64
|
+
"900": [114, 19, 120],
|
|
65
|
+
"950": [75, 0, 79]
|
|
66
|
+
},
|
|
67
|
+
"gray": {
|
|
68
|
+
"50": [249, 250, 251],
|
|
69
|
+
"100": [243, 244, 246],
|
|
70
|
+
"200": [229, 231, 235],
|
|
71
|
+
"300": [209, 213, 220],
|
|
72
|
+
"400": [153, 161, 175],
|
|
73
|
+
"500": [106, 114, 130],
|
|
74
|
+
"600": [74, 85, 101],
|
|
75
|
+
"700": [54, 65, 83],
|
|
76
|
+
"800": [30, 41, 57],
|
|
77
|
+
"900": [16, 24, 40],
|
|
78
|
+
"950": [3, 7, 18]
|
|
79
|
+
},
|
|
80
|
+
"green": {
|
|
81
|
+
"50": [240, 253, 244],
|
|
82
|
+
"100": [220, 252, 231],
|
|
83
|
+
"200": [185, 248, 207],
|
|
84
|
+
"300": [123, 241, 168],
|
|
85
|
+
"400": [5, 223, 114],
|
|
86
|
+
"500": [0, 201, 80],
|
|
87
|
+
"600": [0, 166, 62],
|
|
88
|
+
"700": [0, 130, 54],
|
|
89
|
+
"800": [1, 102, 48],
|
|
90
|
+
"900": [13, 84, 43],
|
|
91
|
+
"950": [3, 46, 21]
|
|
92
|
+
},
|
|
93
|
+
"indigo": {
|
|
94
|
+
"50": [238, 242, 255],
|
|
95
|
+
"100": [224, 231, 255],
|
|
96
|
+
"200": [198, 210, 255],
|
|
97
|
+
"300": [163, 179, 255],
|
|
98
|
+
"400": [124, 134, 255],
|
|
99
|
+
"500": [97, 95, 255],
|
|
100
|
+
"600": [79, 57, 246],
|
|
101
|
+
"700": [67, 45, 215],
|
|
102
|
+
"800": [55, 42, 172],
|
|
103
|
+
"900": [49, 44, 133],
|
|
104
|
+
"950": [30, 26, 77]
|
|
105
|
+
},
|
|
106
|
+
"lime": {
|
|
107
|
+
"50": [247, 254, 231],
|
|
108
|
+
"100": [236, 252, 202],
|
|
109
|
+
"200": [216, 249, 153],
|
|
110
|
+
"300": [187, 244, 81],
|
|
111
|
+
"400": [154, 230, 0],
|
|
112
|
+
"500": [124, 207, 0],
|
|
113
|
+
"600": [94, 165, 0],
|
|
114
|
+
"700": [73, 125, 0],
|
|
115
|
+
"800": [60, 99, 0],
|
|
116
|
+
"900": [53, 83, 14],
|
|
117
|
+
"950": [25, 46, 3]
|
|
118
|
+
},
|
|
119
|
+
"neutral": {
|
|
120
|
+
"50": [250, 250, 250],
|
|
121
|
+
"100": [245, 245, 245],
|
|
122
|
+
"200": [229, 229, 229],
|
|
123
|
+
"300": [212, 212, 212],
|
|
124
|
+
"400": [161, 161, 161],
|
|
125
|
+
"500": [115, 115, 115],
|
|
126
|
+
"600": [82, 82, 82],
|
|
127
|
+
"700": [64, 64, 64],
|
|
128
|
+
"800": [38, 38, 38],
|
|
129
|
+
"900": [23, 23, 23],
|
|
130
|
+
"950": [10, 10, 10]
|
|
131
|
+
},
|
|
132
|
+
"orange": {
|
|
133
|
+
"50": [255, 247, 237],
|
|
134
|
+
"100": [255, 237, 212],
|
|
135
|
+
"200": [255, 214, 167],
|
|
136
|
+
"300": [255, 184, 106],
|
|
137
|
+
"400": [255, 137, 4],
|
|
138
|
+
"500": [255, 105, 0],
|
|
139
|
+
"600": [245, 73, 0],
|
|
140
|
+
"700": [202, 53, 0],
|
|
141
|
+
"800": [159, 45, 0],
|
|
142
|
+
"900": [126, 42, 12],
|
|
143
|
+
"950": [68, 19, 6]
|
|
144
|
+
},
|
|
145
|
+
"pink": {
|
|
146
|
+
"50": [253, 242, 248],
|
|
147
|
+
"100": [252, 231, 243],
|
|
148
|
+
"200": [252, 206, 232],
|
|
149
|
+
"300": [253, 165, 213],
|
|
150
|
+
"400": [251, 100, 182],
|
|
151
|
+
"500": [246, 51, 154],
|
|
152
|
+
"600": [230, 0, 118],
|
|
153
|
+
"700": [198, 0, 92],
|
|
154
|
+
"800": [163, 0, 76],
|
|
155
|
+
"900": [134, 16, 67],
|
|
156
|
+
"950": [81, 4, 36]
|
|
157
|
+
},
|
|
158
|
+
"purple": {
|
|
159
|
+
"50": [250, 245, 255],
|
|
160
|
+
"100": [243, 232, 255],
|
|
161
|
+
"200": [233, 212, 255],
|
|
162
|
+
"300": [218, 178, 255],
|
|
163
|
+
"400": [194, 122, 255],
|
|
164
|
+
"500": [173, 70, 255],
|
|
165
|
+
"600": [152, 16, 250],
|
|
166
|
+
"700": [130, 0, 219],
|
|
167
|
+
"800": [110, 17, 176],
|
|
168
|
+
"900": [89, 22, 139],
|
|
169
|
+
"950": [60, 3, 102]
|
|
170
|
+
},
|
|
171
|
+
"red": {
|
|
172
|
+
"50": [254, 242, 242],
|
|
173
|
+
"100": [255, 226, 226],
|
|
174
|
+
"200": [255, 201, 201],
|
|
175
|
+
"300": [255, 162, 162],
|
|
176
|
+
"400": [255, 100, 103],
|
|
177
|
+
"500": [251, 44, 54],
|
|
178
|
+
"600": [231, 0, 11],
|
|
179
|
+
"700": [193, 0, 7],
|
|
180
|
+
"800": [159, 7, 18],
|
|
181
|
+
"900": [130, 24, 26],
|
|
182
|
+
"950": [70, 8, 9]
|
|
183
|
+
},
|
|
184
|
+
"rose": {
|
|
185
|
+
"50": [255, 241, 242],
|
|
186
|
+
"100": [255, 228, 230],
|
|
187
|
+
"200": [255, 204, 211],
|
|
188
|
+
"300": [255, 161, 173],
|
|
189
|
+
"400": [255, 99, 126],
|
|
190
|
+
"500": [255, 32, 86],
|
|
191
|
+
"600": [236, 0, 63],
|
|
192
|
+
"700": [199, 0, 54],
|
|
193
|
+
"800": [165, 0, 54],
|
|
194
|
+
"900": [139, 8, 54],
|
|
195
|
+
"950": [77, 2, 24]
|
|
196
|
+
},
|
|
197
|
+
"sky": {
|
|
198
|
+
"50": [240, 249, 255],
|
|
199
|
+
"100": [223, 242, 254],
|
|
200
|
+
"200": [184, 230, 254],
|
|
201
|
+
"300": [116, 212, 255],
|
|
202
|
+
"400": [0, 188, 255],
|
|
203
|
+
"500": [0, 166, 244],
|
|
204
|
+
"600": [0, 132, 209],
|
|
205
|
+
"700": [0, 105, 168],
|
|
206
|
+
"800": [0, 89, 138],
|
|
207
|
+
"900": [2, 74, 112],
|
|
208
|
+
"950": [5, 47, 74]
|
|
209
|
+
},
|
|
210
|
+
"slate": {
|
|
211
|
+
"50": [248, 250, 252],
|
|
212
|
+
"100": [241, 245, 249],
|
|
213
|
+
"200": [226, 232, 240],
|
|
214
|
+
"300": [202, 213, 226],
|
|
215
|
+
"400": [144, 161, 185],
|
|
216
|
+
"500": [98, 116, 142],
|
|
217
|
+
"600": [69, 85, 108],
|
|
218
|
+
"700": [49, 65, 88],
|
|
219
|
+
"800": [29, 41, 61],
|
|
220
|
+
"900": [15, 23, 43],
|
|
221
|
+
"950": [2, 6, 24]
|
|
222
|
+
},
|
|
223
|
+
"stone": {
|
|
224
|
+
"50": [250, 250, 249],
|
|
225
|
+
"100": [245, 245, 244],
|
|
226
|
+
"200": [231, 229, 228],
|
|
227
|
+
"300": [214, 211, 209],
|
|
228
|
+
"400": [166, 160, 155],
|
|
229
|
+
"500": [121, 113, 107],
|
|
230
|
+
"600": [87, 83, 77],
|
|
231
|
+
"700": [68, 64, 59],
|
|
232
|
+
"800": [41, 37, 36],
|
|
233
|
+
"900": [28, 25, 23],
|
|
234
|
+
"950": [12, 10, 9]
|
|
235
|
+
},
|
|
236
|
+
"teal": {
|
|
237
|
+
"50": [240, 253, 250],
|
|
238
|
+
"100": [203, 251, 241],
|
|
239
|
+
"200": [150, 247, 228],
|
|
240
|
+
"300": [70, 236, 213],
|
|
241
|
+
"400": [0, 213, 190],
|
|
242
|
+
"500": [0, 187, 167],
|
|
243
|
+
"600": [0, 150, 137],
|
|
244
|
+
"700": [0, 120, 111],
|
|
245
|
+
"800": [0, 95, 90],
|
|
246
|
+
"900": [11, 79, 74],
|
|
247
|
+
"950": [2, 47, 46]
|
|
248
|
+
},
|
|
249
|
+
"violet": {
|
|
250
|
+
"50": [245, 243, 255],
|
|
251
|
+
"100": [237, 233, 254],
|
|
252
|
+
"200": [221, 214, 255],
|
|
253
|
+
"300": [196, 180, 255],
|
|
254
|
+
"400": [166, 132, 255],
|
|
255
|
+
"500": [142, 81, 255],
|
|
256
|
+
"600": [127, 34, 254],
|
|
257
|
+
"700": [112, 8, 231],
|
|
258
|
+
"800": [93, 14, 192],
|
|
259
|
+
"900": [77, 23, 154],
|
|
260
|
+
"950": [47, 13, 104]
|
|
261
|
+
},
|
|
262
|
+
"yellow": {
|
|
263
|
+
"50": [254, 252, 232],
|
|
264
|
+
"100": [254, 249, 194],
|
|
265
|
+
"200": [255, 240, 133],
|
|
266
|
+
"300": [255, 223, 32],
|
|
267
|
+
"400": [253, 199, 0],
|
|
268
|
+
"500": [240, 177, 0],
|
|
269
|
+
"600": [208, 135, 0],
|
|
270
|
+
"700": [166, 95, 0],
|
|
271
|
+
"800": [137, 75, 0],
|
|
272
|
+
"900": [115, 62, 10],
|
|
273
|
+
"950": [67, 32, 4]
|
|
274
|
+
},
|
|
275
|
+
"zinc": {
|
|
276
|
+
"50": [250, 250, 250],
|
|
277
|
+
"100": [244, 244, 245],
|
|
278
|
+
"200": [228, 228, 231],
|
|
279
|
+
"300": [212, 212, 216],
|
|
280
|
+
"400": [159, 159, 169],
|
|
281
|
+
"500": [113, 113, 123],
|
|
282
|
+
"600": [82, 82, 92],
|
|
283
|
+
"700": [63, 63, 70],
|
|
284
|
+
"800": [39, 39, 42],
|
|
285
|
+
"900": [24, 24, 27],
|
|
286
|
+
"950": [9, 9, 11]
|
|
287
|
+
}
|
|
288
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* RGB color tuple in RGB888 format.
|
|
3
|
+
*
|
|
4
|
+
* @unit RGB888
|
|
5
|
+
* @spec RGB values as unsigned 8-bit integers (0-255)
|
|
6
|
+
* @format [r, g, b]
|
|
7
|
+
* @example [98, 116, 142] // slate-500
|
|
8
|
+
*/
|
|
9
|
+
type RGB = [number, number, number];
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Tailwind CSS color shade identifier.
|
|
13
|
+
*
|
|
14
|
+
* @spec Valid shades: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950
|
|
15
|
+
*/
|
|
16
|
+
type ColorShade =
|
|
17
|
+
| "50"
|
|
18
|
+
| "100"
|
|
19
|
+
| "200"
|
|
20
|
+
| "300"
|
|
21
|
+
| "400"
|
|
22
|
+
| "500"
|
|
23
|
+
| "600"
|
|
24
|
+
| "700"
|
|
25
|
+
| "800"
|
|
26
|
+
| "900"
|
|
27
|
+
| "950";
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Tailwind CSS v4 color palette in RGB888 format.
|
|
31
|
+
*
|
|
32
|
+
* @unit RGB888
|
|
33
|
+
* @spec RGB values as unsigned 8-bit integers (0-255)
|
|
34
|
+
* @format { [colorFamily]: { [shade]: [r, g, b] } }
|
|
35
|
+
* @example colors.slate["500"] // [98, 116, 142]
|
|
36
|
+
*/
|
|
37
|
+
declare const colors: {
|
|
38
|
+
amber: Record<ColorShade, RGB>;
|
|
39
|
+
blue: Record<ColorShade, RGB>;
|
|
40
|
+
cyan: Record<ColorShade, RGB>;
|
|
41
|
+
emerald: Record<ColorShade, RGB>;
|
|
42
|
+
fuchsia: Record<ColorShade, RGB>;
|
|
43
|
+
gray: Record<ColorShade, RGB>;
|
|
44
|
+
green: Record<ColorShade, RGB>;
|
|
45
|
+
indigo: Record<ColorShade, RGB>;
|
|
46
|
+
lime: Record<ColorShade, RGB>;
|
|
47
|
+
neutral: Record<ColorShade, RGB>;
|
|
48
|
+
orange: Record<ColorShade, RGB>;
|
|
49
|
+
pink: Record<ColorShade, RGB>;
|
|
50
|
+
purple: Record<ColorShade, RGB>;
|
|
51
|
+
red: Record<ColorShade, RGB>;
|
|
52
|
+
rose: Record<ColorShade, RGB>;
|
|
53
|
+
sky: Record<ColorShade, RGB>;
|
|
54
|
+
slate: Record<ColorShade, RGB>;
|
|
55
|
+
stone: Record<ColorShade, RGB>;
|
|
56
|
+
teal: Record<ColorShade, RGB>;
|
|
57
|
+
violet: Record<ColorShade, RGB>;
|
|
58
|
+
yellow: Record<ColorShade, RGB>;
|
|
59
|
+
zinc: Record<ColorShade, RGB>;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export default colors;
|