#FFF1F0red
red-1
Rubor casi blanco — Ant red 1Copiar token, HEX o RGB
- HSL
hsl(4 100% 97%)- HWB
hwb(4 94% 0%)- Texto negro
- 19,09:1
- Texto blanco
- 1,10:1
Referencia de tokens versionados
Paleta clara de Ant Design Colors 8.0.1
Encuentra un token exacto por familia, paso, HEX, RGB, HSL o HWB. Compara el contraste con texto negro y blanco, copia valores y abre la ficha canónica revisada.
- 130apariciones de tokens
- 129colores sRGB distintos
- 13familias de la fuente
Fuente y alcance
El preset claro publicado, fijado a una versión del paquete.
Esta referencia despliega el export light presetPalettes de @ant-design/colors 8.0.1. Conserva las 130 identidades de familia y paso, y reúne el #000000 repetido en una muestra con los dos alias grey-9 y grey-10.
Hexees es una referencia independiente y no está afiliada a Ant Group ni al proyecto Ant Design, ni cuenta con su respaldo.
- Versión
- @ant-design/colors 8.0.1
- Licencia
- Licencia MIT
Consulta práctica
Busca, filtra, convierte, compara y copia.
Los filtros y el orden funcionan localmente y no generan páginas indexables con parámetros. Parte del token y verifica después el valor exacto y la superficie real de la interfaz.
Coinciden 129 de 129 colores; ahora se muestran 24
#FFCCC7red
red-2
Rosa coral pálido — Ant red 2Copiar token, HEX o RGB
- HSL
hsl(5 100% 89%)- HWB
hwb(5 78% 0%)- Texto negro
- 14,71:1
- Texto blanco
- 1,43:1
#FFA39Ered
red-3
Rojo coral claro — Ant red 3Copiar token, HEX o RGB
- HSL
hsl(3 100% 81%)- HWB
hwb(3 62% 0%)- Texto negro
- 10,98:1
- Texto blanco
- 1,91:1
#FF7875red
red-4
Rojo coral medio — Ant red 4Copiar token, HEX o RGB
- HSL
hsl(1 100% 73%)- HWB
hwb(1 46% 0%)- Texto negro
- 8,20:1
- Texto blanco
- 2,56:1
#FF4D4Fred
red-5
Rojo coral brillante — Ant red 5Copiar token, HEX o RGB
- HSL
hsl(359 100% 65%)- HWB
hwb(359 30% 0%)- Texto negro
- 6,43:1
- Texto blanco
- 3,27:1
#F5222Dred
red-6
Rojo cálido intenso — Ant red 6Copiar token, HEX o RGB
- HSL
hsl(357 91% 55%)- HWB
hwb(357 13% 4%)- Texto negro
- 5,15:1
- Texto blanco
- 4,08:1
#CF1322red
red-7
Rojo vivo profundo — Ant red 7Copiar token, HEX o RGB
- HSL
hsl(355 83% 44%)- HWB
hwb(355 7% 19%)- Texto negro
- 3,77:1
- Texto blanco
- 5,57:1
#A8071Ared
red-8
Rojo carmesí oscuro — Ant red 8Copiar token, HEX o RGB
- HSL
hsl(353 92% 34%)- HWB
hwb(353 3% 34%)- Texto negro
- 2,71:1
- Texto blanco
- 7,75:1
#820014red
red-9
Carmesí muy oscuro — Ant red 9Copiar token, HEX o RGB
- HSL
hsl(351 100% 25%)- HWB
hwb(351 0% 49%)- Texto negro
- 1,96:1
- Texto blanco
- 10,72:1
#5C0011red
red-10
Rojo burdeos casi negro — Ant red 10Copiar token, HEX o RGB
- HSL
hsl(349 100% 18%)- HWB
hwb(349 0% 64%)- Texto negro
- 1,46:1
- Texto blanco
- 14,35:1
#FFF2E8volcano
volcano-1
Melocotón cálido casi blanco — Ant volcano 1Copiar token, HEX o RGB
- HSL
hsl(26 100% 95%)- HWB
hwb(26 91% 0%)- Texto negro
- 19,12:1
- Texto blanco
- 1,10:1
#FFD8BFvolcano
volcano-2
Melocotón cálido pálido — Ant volcano 2Copiar token, HEX o RGB
- HSL
hsl(23 100% 87%)- HWB
hwb(23 75% 0%)- Texto negro
- 15,83:1
- Texto blanco
- 1,33:1
#FFBB96volcano
volcano-3
Naranja albaricoque claro — Ant volcano 3Copiar token, HEX o RGB
- HSL
hsl(21 100% 79%)- HWB
hwb(21 59% 0%)- Texto negro
- 12,80:1
- Texto blanco
- 1,64:1
#FF9C6Evolcano
volcano-4
Naranja melocotón medio — Ant volcano 4Copiar token, HEX o RGB
- HSL
hsl(19 100% 72%)- HWB
hwb(19 43% 0%)- Texto negro
- 10,23:1
- Texto blanco
- 2,05:1
#FF7A45volcano
volcano-5
Naranja coral vivo — Ant volcano 5Copiar token, HEX o RGB
- HSL
hsl(17 100% 64%)- HWB
hwb(17 27% 0%)- Texto negro
- 8,12:1
- Texto blanco
- 2,59:1
#FA541Cvolcano
volcano-6
Rojo anaranjado luminoso — Ant volcano 6Copiar token, HEX o RGB
- HSL
hsl(15 96% 55%)- HWB
hwb(15 11% 2%)- Texto negro
- 6,35:1
- Texto blanco
- 3,31:1
#D4380Dvolcano
volcano-7
Rojo anaranjado cálido profundo — Ant volcano 7Copiar token, HEX o RGB
- HSL
hsl(13 88% 44%)- HWB
hwb(13 5% 17%)- Texto negro
- 4,37:1
- Texto blanco
- 4,80:1
#AD2102volcano
volcano-8
Rojo tostado oscuro — Ant volcano 8Copiar token, HEX o RGB
- HSL
hsl(11 98% 34%)- HWB
hwb(11 1% 32%)- Texto negro
- 3,00:1
- Texto blanco
- 7,01:1
#871400volcano
volcano-9
Rojo cálido muy oscuro — Ant volcano 9Copiar token, HEX o RGB
- HSL
hsl(9 100% 26%)- HWB
hwb(9 0% 47%)- Texto negro
- 2,13:1
- Texto blanco
- 9,86:1
#610B00volcano
volcano-10
Rojo cálido casi negro — Ant volcano 10Copiar token, HEX o RGB
- HSL
hsl(7 100% 19%)- HWB
hwb(7 0% 62%)- Texto negro
- 1,56:1
- Texto blanco
- 13,49:1
#FFF7E6orange
orange-1
Naranja crema casi blanco — Ant orange 1Copiar token, HEX o RGB
- HSL
hsl(41 100% 95%)- HWB
hwb(41 90% 0%)- Texto negro
- 19,70:1
- Texto blanco
- 1,07:1
#FFE7BAorange
orange-2
Naranja dorado pálido — Ant orange 2Copiar token, HEX o RGB
- HSL
hsl(39 100% 86%)- HWB
hwb(39 73% 0%)- Texto negro
- 17,39:1
- Texto blanco
- 1,21:1
#FFD591orange
orange-3
Naranja albaricoque pálido — Ant orange 3Copiar token, HEX o RGB
- HSL
hsl(37 100% 78%)- HWB
hwb(37 57% 0%)- Texto negro
- 15,18:1
- Texto blanco
- 1,38:1
#FFC069orange
orange-4
Naranja miel claro — Ant orange 4Copiar token, HEX o RGB
- HSL
hsl(35 100% 71%)- HWB
hwb(35 41% 0%)- Texto negro
- 13,00:1
- Texto blanco
- 1,62:1
Índice enlazado completo de 129 colores canónicos
- red-1
#FFF1F0 - red-2
#FFCCC7 - red-3
#FFA39E - red-4
#FF7875 - red-5
#FF4D4F - red-6
#F5222D - red-7
#CF1322 - red-8
#A8071A - red-9
#820014 - red-10
#5C0011 - volcano-1
#FFF2E8 - volcano-2
#FFD8BF - volcano-3
#FFBB96 - volcano-4
#FF9C6E - volcano-5
#FF7A45 - volcano-6
#FA541C - volcano-7
#D4380D - volcano-8
#AD2102 - volcano-9
#871400 - volcano-10
#610B00 - orange-1
#FFF7E6 - orange-2
#FFE7BA - orange-3
#FFD591 - orange-4
#FFC069 - orange-5
#FFA940 - orange-6
#FA8C16 - orange-7
#D46B08 - orange-8
#AD4E00 - orange-9
#873800 - orange-10
#612500 - gold-1
#FFFBE6 - gold-2
#FFF1B8 - gold-3
#FFE58F - gold-4
#FFD666 - gold-5
#FFC53D - gold-6
#FAAD14 - gold-7
#D48806 - gold-8
#AD6800 - gold-9
#874D00 - gold-10
#613400 - yellow-1
#FEFFE6 - yellow-2
#FFFFB8 - yellow-3
#FFFB8F - yellow-4
#FFF566 - yellow-5
#FFEC3D - yellow-6
#FADB14 - yellow-7
#D4B106 - yellow-8
#AD8B00 - yellow-9
#876800 - yellow-10
#614700 - lime-1
#FCFFE6 - lime-2
#F4FFB8 - lime-3
#EAFF8F - lime-4
#D3F261 - lime-5
#BAE637 - lime-6
#A0D911 - lime-7
#7CB305 - lime-8
#5B8C00 - lime-9
#3F6600 - lime-10
#254000 - green-1
#F6FFED - green-2
#D9F7BE - green-3
#B7EB8F - green-4
#95DE64 - green-5
#73D13D - green-6
#52C41A - green-7
#389E0D - green-8
#237804 - green-9
#135200 - green-10
#092B00 - cyan-1
#E6FFFB - cyan-2
#B5F5EC - cyan-3
#87E8DE - cyan-4
#5CDBD3 - cyan-5
#36CFC9 - cyan-6
#13C2C2 - cyan-7
#08979C - cyan-8
#006D75 - cyan-9
#00474F - cyan-10
#002329 - blue-1
#E6F4FF - blue-2
#BAE0FF - blue-3
#91CAFF - blue-4
#69B1FF - blue-5
#4096FF - blue-6
#1677FF - blue-7
#0958D9 - blue-8
#003EB3 - blue-9
#002C8C - blue-10
#001D66 - geekblue-1
#F0F5FF - geekblue-2
#D6E4FF - geekblue-3
#ADC6FF - geekblue-4
#85A5FF - geekblue-5
#597EF7 - geekblue-6
#2F54EB - geekblue-7
#1D39C4 - geekblue-8
#10239E - geekblue-9
#061178 - geekblue-10
#030852 - purple-1
#F9F0FF - purple-2
#EFDBFF - purple-3
#D3ADF7 - purple-4
#B37FEB - purple-5
#9254DE - purple-6
#722ED1 - purple-7
#531DAB - purple-8
#391085 - purple-9
#22075E - purple-10
#120338 - magenta-1
#FFF0F6 - magenta-2
#FFD6E7 - magenta-3
#FFADD2 - magenta-4
#FF85C0 - magenta-5
#F759AB - magenta-6
#EB2F96 - magenta-7
#C41D7F - magenta-8
#9E1068 - magenta-9
#780650 - magenta-10
#520339 - grey-1
#A6A6A6 - grey-2
#999999 - grey-3
#8C8C8C - grey-4
#808080 - grey-5
#737373 - grey-6
#666666 - grey-7
#404040 - grey-8
#1A1A1A - grey-9 / grey-10
#000000
Valor repetido en la fuente
grey-9 y grey-10 comparten el valor #000000.
La fuente contiene 130 apariciones de tokens y 129 colores opacos distintos. Hexees conserva ambas identidades verificadas en una sola muestra canónica de negro.
- grey-9#000000
- grey-10#000000
Límites de accesibilidad
Los cocientes orientan la prueba; no certifican conformidad.
Cada tarjeta compara el color sRGB opaco solo con negro o blanco. WCAG 2.2 AA exige 4,5:1 para texto normal y 3:1 para texto grande; el número solo describe esa pareja.
Comprueba en el producto final la tipografía, opacidad, colores cercanos, degradados, imágenes y estados de interacción, desactivación, selección y navegación por teclado.
El nombre de familia o paso no demuestra significado. No comuniques estados ni acciones obligatorias solo mediante color; añade texto, forma, un icono u otra señal programática.