10
blue-10
Carbon Blue 10
- HEX
#EDF5FF- RGB
rgb(237 245 255)- Чёрный текст
- 19,11:1
- Белый текст
- 1,10:1
← Вернуться в каталог цветов
Справочник синей шкалы с версией
Carbon Blue: шкала от 10 до 100
Изучайте официальную синюю шкалу как единую систему, а не десять отдельных образцов. Копируйте точные значения, сравнивайте контраст и находите Blue 60 — документированный опорный цвет основного действия.
- Ступени шкалы
- 10 → 100
- Опорное действие
- Blue 60 · #0F62FE
- Версия
- 11.55.0
Источник и границы
Одна официальная шкала из одной закреплённой версии пакета.
Справочник содержит только десять непрозрачных значений sRGB Blue из @carbon/colors 11.55.0. Значения наведения, другие семейства, темы и семантические псевдонимы сюда не входят.
Hexees — независимый справочник, не связанный с IBM или Carbon Design System и не одобренный ими.
- Версия
- @carbon/colors 11.55.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- Apache-2.0
Калибровочная полоса
От самого светлого оттенка к самому глубокому синему.
Порядок повторяет закреплённый экспорт пакета. В каждой строке показан одинаковый набор фактов, поэтому сравнение строится на цвете, а не на декоре карточек.
20
blue-20
Carbon Blue 20
- HEX
#D0E2FF- RGB
rgb(208 226 255)- Чёрный текст
- 16,00:1
- Белый текст
- 1,31:1
30
blue-30
Carbon Blue 30
- HEX
#A6C8FF- RGB
rgb(166 200 255)- Чёрный текст
- 12,33:1
- Белый текст
- 1,70:1
40
blue-40
Carbon Blue 40
- HEX
#78A9FF- RGB
rgb(120 169 255)- Чёрный текст
- 8,92:1
- Белый текст
- 2,35:1
50
blue-50
Carbon Blue 50
- HEX
#4589FF- RGB
rgb(69 137 255)- Чёрный текст
- 6,28:1
- Белый текст
- 3,35:1
60Опорный цвет основного действия
blue-60
Carbon Blue 60
- HEX
#0F62FE- RGB
rgb(15 98 254)- Чёрный текст
- 4,20:1
- Белый текст
- 5,00:1
70
blue-70
Carbon Blue 70
- HEX
#0043CE- RGB
rgb(0 67 206)- Чёрный текст
- 2,69:1
- Белый текст
- 7,79:1
80
blue-80
Carbon Blue 80
- HEX
#002D9C- RGB
rgb(0 45 156)- Чёрный текст
- 1,86:1
- Белый текст
- 11,32:1
90
blue-90
Carbon Blue 90
- HEX
#001D6C- RGB
rgb(0 29 108)- Чёрный текст
- 1,39:1
- Белый текст
- 15,08:1
100
blue-100
Carbon Blue 100
- HEX
#001141- RGB
rgb(0 17 65)- Чёрный текст
- 1,16:1
- Белый текст
- 18,16:1
Используйте проверяемые данные
Роль в дизайн-системе не гарантирует контраст.
Carbon документирует Blue 60 как активный цвет основного действия. Эта роль относится к указанной версии системы и не подтверждает доступность любого текста, границы, состояния или соседней поверхности.
Проверяйте реальный компонент во всех состояниях: наведение, фокус, выбор, отключение и режим повышенной контрастности. Не передавайте смысл одним синим цветом.
Открыть проверку контраста →