Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31

Цветов в палитре Frontend Experience Schema: 5, оттенки самые разные. Самый светлый цвет — UX Dust (#F7F1E1), самый тёмный — Base Ink (#282828). Самая контрастная пара — #282828 на #F7F1E1 (13.0:1, WCAG AAA).

Создано 07/08/2025 20:02
авторcolorday
Палитра содержит светлый, темный цвета. Акцентные цвета UX Dust #f7f1e1 и Input Teal #009fb7. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.

По светлоте палитра тянется от #282828 (самый тёмный) до #F7F1E1 (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома) — 60% цветов насыщенные.

Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.

В целом температура смещена в сторону холодного (2 из 5).

HEX-коды (по возрастанию): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

Палитра Frontend Experience Schema содержит комбинацию из 5 кодов цветов:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Упрощенная версия цветов палитры
Тёмный оттенок Старое кружево, Тёмный оттенок Серо-синий, Светлый оттенок Розово-коричневый, Светлый оттенок Небесно-голубой, Светлый оттенок Черный
Цветовая схема создана автором colorday

Коды цветов в палитре

Frontend Experience Schema коды цветов HEX, RGB информация в таблице

ЦветHEXRGBНазваниеАльтернативное название
#f7f1e1#f7f1e1RGB(247, 241, 225)UX DustCoconut Twist
#009fb7#009fb7RGB(0, 159, 183)Input Teal—
#d4a5a5#d4a5a5RGB(212, 165, 165)State Orchid—
#9dd9f3#9dd9f3RGB(157, 217, 243)Flowchart Blue—
#282828#282828RGB(40, 40, 40)Base InkDire Wolf

Контраст палитры цветов

4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текстаЦвет фонаКоэффициент контрастности
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Палитра из изображения Frontend Experience Schema png