01
#FAFDFEФон приложения
cyan-1
- RGB
rgb(250 253 254)- Чёрный текст
- 20,55:1
- Белый текст
- 1,02:1
← Назад к каталогу палитр
Лаборатория сигнала
Настройте циановый сигнал — от тихого к ясному.
Проверенная по источнику двенадцатишаговая шкала Cyan представлена как непрерывный сигнал интерфейса. Перемещайтесь от спокойного фона через границы компонентов к сплошному информационному цвету и читаемому тексту.
- Шаги шкалы
- 12
- Документированные роли
- 12
- Версия
- 3.0.0
09/ 12
Сплошной информационный фон
Один поток, двенадцать интенсивностей.Выбранный токен источника управляет этим образцом и рассчитанным цветом текста.Живой образец сигналаcyan-9
rgb(0 162 199)
Зафиксированное происхождение
Точный непрозрачный светлый экспорт Cyan, версия 3.0.0.
Справочник содержит только Cyan 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не входят в его область.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- MIT License
Компактный реестр сигнала
Двенадцать точных шагов для проверки и копирования.
Исходный порядок сохранён. Каждая карточка объединяет роль, точное значение sRGB, рассчитанный контраст текста и готовые форматы.
Открыть цвет
02
#F2FAFBСпокойный фон
cyan-2
- RGB
rgb(242 250 251)- Чёрный текст
- 19,84:1
- Белый текст
- 1,06:1
Другие форматы
03
#DEF7F9Фон компонента
cyan-3
- RGB
rgb(222 247 249)- Чёрный текст
- 18,78:1
- Белый текст
- 1,12:1
Другие форматы
04
#CAF1F6Компонент при наведении
cyan-4
- RGB
rgb(202 241 246)- Чёрный текст
- 17,42:1
- Белый текст
- 1,21:1
Другие форматы
05
#B5E9F0Активный компонент
cyan-5
- RGB
rgb(181 233 240)- Чёрный текст
- 15,88:1
- Белый текст
- 1,32:1
Другие форматы
06
#9DDDE7Мягкая граница
cyan-6
- RGB
rgb(157 221 231)- Чёрный текст
- 13,93:1
- Белый текст
- 1,51:1
Другие форматы
07
#7DCEDCИнтерактивная граница
cyan-7
- RGB
rgb(125 206 220)- Чёрный текст
- 11,73:1
- Белый текст
- 1,79:1
Другие форматы
08
#3DB9CFВыраженная граница или фокус
cyan-8
- RGB
rgb(61 185 207)- Чёрный текст
- 9,04:1
- Белый текст
- 2,32:1
Другие форматы
09
#00A2C7Сплошной информационный фон
cyan-9
- RGB
rgb(0 162 199)- Чёрный текст
- 6,99:1
- Белый текст
- 3,00:1
Другие форматы
10
#0797B9Сплошной фон при наведении
cyan-10
- RGB
rgb(7 151 185)- Чёрный текст
- 6,14:1
- Белый текст
- 3,42:1
Другие форматы
11
#107D98Текст пониженного контраста
cyan-11
- RGB
rgb(16 125 152)- Чёрный текст
- 4,41:1
- Белый текст
- 4,76:1
Другие форматы
12
#0D3C48Текст высокого контраста
cyan-12
- RGB
rgb(13 60 72)- Чёрный текст
- 1,76:1
- Белый текст
- 11,95:1
Другие форматы
Область каталога
Одна полная шкала сигнала вместо двенадцати поисковых страниц.
Коллекция индексируется только пока все двенадцать опубликованных значений совпадают с зафиксированным манифестом. Страницы отдельных токенов остаются noindex, а полезной поисковой точкой служит полный справочник.
Информационная роль и рассчитанный контраст текста — исходные данные, а не сертификация. Не полагайтесь только на Cyan: проверьте подписи, элементы управления, границы, фокус клавиатуры и соседние поверхности.