#FFF1F0red
red-1
Rose poudré presque blanc — Ant red 1Copier le jeton, HEX ou RGB
- HSL
hsl(4 100% 97%)- HWB
hwb(4 94% 0%)- Texte noir
- 19,09:1
- Texte blanc
- 1,10:1
Référence de jetons versionnés
Palette claire Ant Design Colors 8.0.1
Retrouvez un jeton exact par famille, niveau, HEX, RGB, HSL ou HWB. Comparez le contraste avec du texte noir et blanc, copiez les valeurs et ouvrez la fiche canonique relue.
- 130occurrences de jetons
- 129couleurs sRGB distinctes
- 13familles de la source
Source et périmètre
Le preset clair publié, figé sur une version du paquet.
Cette référence développe l’export light presetPalettes livré dans @ant-design/colors 8.0.1. Elle conserve les 130 identités de famille et de niveau, tout en regroupant le #000000 répété dans un échantillon portant les deux alias grey-9 et grey-10.
Hexees est une référence indépendante, sans affiliation avec Ant Group ou le projet Ant Design et sans approbation de leur part.
- Version
- @ant-design/colors 8.0.1
- Licence
- Licence MIT
Recherche pratique
Recherchez, filtrez, convertissez, comparez et copiez.
Le filtrage et le tri se font localement et ne créent pas de pages à paramètres indexables. Partez du jeton, puis vérifiez sa valeur exacte et la surface réelle de l’interface.
129 couleurs sur 129 correspondent ; 24 sont affichées
#FFCCC7red
red-2
Rose corail pâle — Ant red 2Copier le jeton, HEX ou RGB
- HSL
hsl(5 100% 89%)- HWB
hwb(5 78% 0%)- Texte noir
- 14,71:1
- Texte blanc
- 1,43:1
#FFA39Ered
red-3
Rouge corail clair — Ant red 3Copier le jeton, HEX ou RGB
- HSL
hsl(3 100% 81%)- HWB
hwb(3 62% 0%)- Texte noir
- 10,98:1
- Texte blanc
- 1,91:1
#FF7875red
red-4
Rouge corail moyen — Ant red 4Copier le jeton, HEX ou RGB
- HSL
hsl(1 100% 73%)- HWB
hwb(1 46% 0%)- Texte noir
- 8,20:1
- Texte blanc
- 2,56:1
#FF4D4Fred
red-5
Rouge corail vif — Ant red 5Copier le jeton, HEX ou RGB
- HSL
hsl(359 100% 65%)- HWB
hwb(359 30% 0%)- Texte noir
- 6,43:1
- Texte blanc
- 3,27:1
#F5222Dred
red-6
Rouge chaud vif — Ant red 6Copier le jeton, HEX ou RGB
- HSL
hsl(357 91% 55%)- HWB
hwb(357 13% 4%)- Texte noir
- 5,15:1
- Texte blanc
- 4,08:1
#CF1322red
red-7
Rouge vif profond — Ant red 7Copier le jeton, HEX ou RGB
- HSL
hsl(355 83% 44%)- HWB
hwb(355 7% 19%)- Texte noir
- 3,77:1
- Texte blanc
- 5,57:1
#A8071Ared
red-8
Rouge cramoisi sombre — Ant red 8Copier le jeton, HEX ou RGB
- HSL
hsl(353 92% 34%)- HWB
hwb(353 3% 34%)- Texte noir
- 2,71:1
- Texte blanc
- 7,75:1
#820014red
red-9
Cramoisi très sombre — Ant red 9Copier le jeton, HEX ou RGB
- HSL
hsl(351 100% 25%)- HWB
hwb(351 0% 49%)- Texte noir
- 1,96:1
- Texte blanc
- 10,72:1
#5C0011red
red-10
Rouge bordeaux presque noir — Ant red 10Copier le jeton, HEX ou RGB
- HSL
hsl(349 100% 18%)- HWB
hwb(349 0% 64%)- Texte noir
- 1,46:1
- Texte blanc
- 14,35:1
#FFF2E8volcano
volcano-1
Pêche chaude presque blanche — Ant volcano 1Copier le jeton, HEX ou RGB
- HSL
hsl(26 100% 95%)- HWB
hwb(26 91% 0%)- Texte noir
- 19,12:1
- Texte blanc
- 1,10:1
#FFD8BFvolcano
volcano-2
Pêche chaude pâle — Ant volcano 2Copier le jeton, HEX ou RGB
- HSL
hsl(23 100% 87%)- HWB
hwb(23 75% 0%)- Texte noir
- 15,83:1
- Texte blanc
- 1,33:1
#FFBB96volcano
volcano-3
Orange abricot clair — Ant volcano 3Copier le jeton, HEX ou RGB
- HSL
hsl(21 100% 79%)- HWB
hwb(21 59% 0%)- Texte noir
- 12,80:1
- Texte blanc
- 1,64:1
#FF9C6Evolcano
volcano-4
Orange pêche moyen — Ant volcano 4Copier le jeton, HEX ou RGB
- HSL
hsl(19 100% 72%)- HWB
hwb(19 43% 0%)- Texte noir
- 10,23:1
- Texte blanc
- 2,05:1
#FF7A45volcano
volcano-5
Orange corail vif — Ant volcano 5Copier le jeton, HEX ou RGB
- HSL
hsl(17 100% 64%)- HWB
hwb(17 27% 0%)- Texte noir
- 8,12:1
- Texte blanc
- 2,59:1
#FA541Cvolcano
volcano-6
Rouge-orangé lumineux — Ant volcano 6Copier le jeton, HEX ou RGB
- HSL
hsl(15 96% 55%)- HWB
hwb(15 11% 2%)- Texte noir
- 6,35:1
- Texte blanc
- 3,31:1
#D4380Dvolcano
volcano-7
Rouge-orangé chaud profond — Ant volcano 7Copier le jeton, HEX ou RGB
- HSL
hsl(13 88% 44%)- HWB
hwb(13 5% 17%)- Texte noir
- 4,37:1
- Texte blanc
- 4,80:1
#AD2102volcano
volcano-8
Rouge brûlé sombre — Ant volcano 8Copier le jeton, HEX ou RGB
- HSL
hsl(11 98% 34%)- HWB
hwb(11 1% 32%)- Texte noir
- 3,00:1
- Texte blanc
- 7,01:1
#871400volcano
volcano-9
Rouge chaud très sombre — Ant volcano 9Copier le jeton, HEX ou RGB
- HSL
hsl(9 100% 26%)- HWB
hwb(9 0% 47%)- Texte noir
- 2,13:1
- Texte blanc
- 9,86:1
#610B00volcano
volcano-10
Rouge chaud presque noir — Ant volcano 10Copier le jeton, HEX ou RGB
- HSL
hsl(7 100% 19%)- HWB
hwb(7 0% 62%)- Texte noir
- 1,56:1
- Texte blanc
- 13,49:1
#FFF7E6orange
orange-1
Orange crème presque blanc — Ant orange 1Copier le jeton, HEX ou RGB
- HSL
hsl(41 100% 95%)- HWB
hwb(41 90% 0%)- Texte noir
- 19,70:1
- Texte blanc
- 1,07:1
#FFE7BAorange
orange-2
Orange doré pâle — Ant orange 2Copier le jeton, HEX ou RGB
- HSL
hsl(39 100% 86%)- HWB
hwb(39 73% 0%)- Texte noir
- 17,39:1
- Texte blanc
- 1,21:1
#FFD591orange
orange-3
Orange abricot pâle — Ant orange 3Copier le jeton, HEX ou RGB
- HSL
hsl(37 100% 78%)- HWB
hwb(37 57% 0%)- Texte noir
- 15,18:1
- Texte blanc
- 1,38:1
#FFC069orange
orange-4
Orange miel clair — Ant orange 4Copier le jeton, HEX ou RGB
- HSL
hsl(35 100% 71%)- HWB
hwb(35 41% 0%)- Texte noir
- 13,00:1
- Texte blanc
- 1,62:1
Répertoire complet des 129 couleurs canoniques
- 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
Valeur répétée dans la source
grey-9 et grey-10 correspondent tous deux à #000000.
La source contient 130 occurrences de jetons, mais 129 couleurs opaques distinctes. Hexees conserve les deux identités vérifiées sur un seul échantillon noir canonique.
- grey-9#000000
- grey-10#000000
Limites d’accessibilité
Les rapports guident les tests, sans certifier la conformité.
Chaque carte compare la couleur sRGB opaque uniquement au noir ou au blanc. WCAG 2.2 AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte ; le nombre ne décrit que cette paire.
Contrôlez dans le produit assemblé la typographie, l’opacité, les couleurs voisines, les dégradés, les images et les états interactifs, désactivés, sélectionnés et de navigation au clavier.
Le nom d’une famille ou d’un niveau ne prouve aucun sens. Ne signalez pas un état ou une action obligatoire par la seule couleur ; ajoutez du texte, une forme, une icône ou un indice programmatique.