#FFF1F0red
red-1
Почти белый розоватый — Ant red 1Скопировать токен, HEX или RGB
- HSL
hsl(4 100% 97%)- HWB
hwb(4 94% 0%)- Чёрный текст
- 19,09:1
- Белый текст
- 1,10:1
Справочник версионированных токенов
Светлая палитра Ant Design Colors 8.0.1
Найдите точный токен по семейству, ступени, HEX, RGB, HSL или HWB. Сравните контраст с чёрным и белым текстом, скопируйте значение и откройте проверенную каноническую страницу цвета.
- 130вхождения токенов
- 129разных цветов sRGB
- 13семейств источника
Источник и границы
Опубликованная светлая палитра, закреплённая за одной версией пакета.
Справочник разворачивает экспорт light presetPalettes из @ant-design/colors 8.0.1. Все 130 сочетаний семейства и ступени сохранены, а повторяющийся #000000 показан одним образцом с двумя псевдонимами: grey-9 и grey-10.
Hexees — независимый справочник, не связанный с Ant Group или проектом Ant Design и не одобренный ими.
- Версия
- @ant-design/colors 8.0.1
- Источник
- Версионированный файл presets.js
- Лицензия
- MIT License
Практический поиск
Ищите, отбирайте, преобразуйте, сравнивайте и копируйте.
Фильтрация и сортировка выполняются локально и не создают индексируемых страниц с параметрами. Начните с токена, затем проверьте точное значение и конкретный элемент интерфейса, где хотите его применить.
Подходят 129 из 129 цветов; сейчас показано 24
#FFCCC7red
red-2
Бледный кораллово-розовый — Ant red 2Скопировать токен, HEX или RGB
- HSL
hsl(5 100% 89%)- HWB
hwb(5 78% 0%)- Чёрный текст
- 14,71:1
- Белый текст
- 1,43:1
#FFA39Ered
red-3
Светлый кораллово-красный — Ant red 3Скопировать токен, HEX или RGB
- HSL
hsl(3 100% 81%)- HWB
hwb(3 62% 0%)- Чёрный текст
- 10,98:1
- Белый текст
- 1,91:1
#FF7875red
red-4
Средний кораллово-красный — Ant red 4Скопировать токен, HEX или RGB
- HSL
hsl(1 100% 73%)- HWB
hwb(1 46% 0%)- Чёрный текст
- 8,20:1
- Белый текст
- 2,56:1
#FF4D4Fred
red-5
Яркий кораллово-красный — Ant red 5Скопировать токен, HEX или RGB
- HSL
hsl(359 100% 65%)- HWB
hwb(359 30% 0%)- Чёрный текст
- 6,43:1
- Белый текст
- 3,27:1
#F5222Dred
red-6
Яркий тёплый красный — Ant red 6Скопировать токен, HEX или RGB
- HSL
hsl(357 91% 55%)- HWB
hwb(357 13% 4%)- Чёрный текст
- 5,15:1
- Белый текст
- 4,08:1
#CF1322red
red-7
Глубокий яркий красный — Ant red 7Скопировать токен, HEX или RGB
- HSL
hsl(355 83% 44%)- HWB
hwb(355 7% 19%)- Чёрный текст
- 3,77:1
- Белый текст
- 5,57:1
#A8071Ared
red-8
Тёмный малиново-красный — Ant red 8Скопировать токен, HEX или RGB
- HSL
hsl(353 92% 34%)- HWB
hwb(353 3% 34%)- Чёрный текст
- 2,71:1
- Белый текст
- 7,75:1
#820014red
red-9
Очень тёмный малиновый — Ant red 9Скопировать токен, HEX или RGB
- HSL
hsl(351 100% 25%)- HWB
hwb(351 0% 49%)- Чёрный текст
- 1,96:1
- Белый текст
- 10,72:1
#5C0011red
red-10
Почти чёрный бордовый — Ant red 10Скопировать токен, HEX или RGB
- HSL
hsl(349 100% 18%)- HWB
hwb(349 0% 64%)- Чёрный текст
- 1,46:1
- Белый текст
- 14,35:1
#FFF2E8volcano
volcano-1
Почти белый тёплый персиковый — Ant volcano 1Скопировать токен, HEX или RGB
- HSL
hsl(26 100% 95%)- HWB
hwb(26 91% 0%)- Чёрный текст
- 19,12:1
- Белый текст
- 1,10:1
#FFD8BFvolcano
volcano-2
Бледный тёплый персиковый — Ant volcano 2Скопировать токен, HEX или RGB
- HSL
hsl(23 100% 87%)- HWB
hwb(23 75% 0%)- Чёрный текст
- 15,83:1
- Белый текст
- 1,33:1
#FFBB96volcano
volcano-3
Светлый абрикосово-оранжевый — Ant volcano 3Скопировать токен, HEX или RGB
- HSL
hsl(21 100% 79%)- HWB
hwb(21 59% 0%)- Чёрный текст
- 12,80:1
- Белый текст
- 1,64:1
#FF9C6Evolcano
volcano-4
Средний персиково-оранжевый — Ant volcano 4Скопировать токен, HEX или RGB
- HSL
hsl(19 100% 72%)- HWB
hwb(19 43% 0%)- Чёрный текст
- 10,23:1
- Белый текст
- 2,05:1
#FF7A45volcano
volcano-5
Яркий кораллово-оранжевый — Ant volcano 5Скопировать токен, HEX или RGB
- HSL
hsl(17 100% 64%)- HWB
hwb(17 27% 0%)- Чёрный текст
- 8,12:1
- Белый текст
- 2,59:1
#FA541Cvolcano
volcano-6
Яркий красно-оранжевый — Ant volcano 6Скопировать токен, HEX или RGB
- HSL
hsl(15 96% 55%)- HWB
hwb(15 11% 2%)- Чёрный текст
- 6,35:1
- Белый текст
- 3,31:1
#D4380Dvolcano
volcano-7
Глубокий тёплый красно-оранжевый — Ant volcano 7Скопировать токен, HEX или RGB
- HSL
hsl(13 88% 44%)- HWB
hwb(13 5% 17%)- Чёрный текст
- 4,37:1
- Белый текст
- 4,80:1
#AD2102volcano
volcano-8
Тёмный жжёно-красный — Ant volcano 8Скопировать токен, HEX или RGB
- HSL
hsl(11 98% 34%)- HWB
hwb(11 1% 32%)- Чёрный текст
- 3,00:1
- Белый текст
- 7,01:1
#871400volcano
volcano-9
Очень тёмный тёплый красный — Ant volcano 9Скопировать токен, HEX или RGB
- HSL
hsl(9 100% 26%)- HWB
hwb(9 0% 47%)- Чёрный текст
- 2,13:1
- Белый текст
- 9,86:1
#610B00volcano
volcano-10
Почти чёрный тёплый красный — Ant volcano 10Скопировать токен, HEX или RGB
- HSL
hsl(7 100% 19%)- HWB
hwb(7 0% 62%)- Чёрный текст
- 1,56:1
- Белый текст
- 13,49:1
#FFF7E6orange
orange-1
Почти белый кремово-оранжевый — Ant orange 1Скопировать токен, HEX или RGB
- HSL
hsl(41 100% 95%)- HWB
hwb(41 90% 0%)- Чёрный текст
- 19,70:1
- Белый текст
- 1,07:1
#FFE7BAorange
orange-2
Бледный золотисто-оранжевый — Ant orange 2Скопировать токен, HEX или RGB
- HSL
hsl(39 100% 86%)- HWB
hwb(39 73% 0%)- Чёрный текст
- 17,39:1
- Белый текст
- 1,21:1
#FFD591orange
orange-3
Бледный абрикосово-оранжевый — Ant orange 3Скопировать токен, HEX или RGB
- HSL
hsl(37 100% 78%)- HWB
hwb(37 57% 0%)- Чёрный текст
- 15,18:1
- Белый текст
- 1,38:1
#FFC069orange
orange-4
Светлый медово-оранжевый — Ant orange 4Скопировать токен, HEX или RGB
- HSL
hsl(35 100% 71%)- HWB
hwb(35 41% 0%)- Чёрный текст
- 13,00:1
- Белый текст
- 1,62:1
Полный связанный список 129 канонических цветов
- 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
Повторяющееся значение источника
grey-9 и grey-10 имеют одно значение #000000.
В источнике 130 вхождений токенов, но 129 разных непрозрачных цветов. Hexees сохраняет оба подтверждённых обозначения токена на одной канонической карточке чёрного цвета.
- grey-9#000000
- grey-10#000000
Ограничения проверки доступности
Контраст помогает проверке, но не подтверждает соответствие интерфейса.
На карточке непрозрачный цвет sRGB сравнивается только с чёрным и белым. Для WCAG 2.2 AA требуется 4,5:1 для обычного текста и 3:1 для крупного; результат относится лишь к этой паре.
Отдельно проверьте шрифт, прозрачность, соседние цвета, градиенты, изображения, состояния наведения, отключения, выбора и клавиатурного фокуса в собранном продукте.
Название семейства или ступени не доказывает смысл цвета. Не передавайте состояние или обязательное действие одним цветом: добавьте текст, форму, значок или программно доступную подсказку.