Создано 10/03/2025 21:55
авторcolorstudio
  31

CSS Tailwind Framework High Contrast Accessibility

Primary Black
#111111
Accent Lime
#bfff00
Text White
#ffffff
Button Crimson Red
#d32f2f
Sidebar Charcoal
#36454f
Shadow Indigo
#4b0082
Палитра содержит темный, светлый, полутемный цвета. Акцентные цвета Accent Lime #bfff00 да Shadow Indigo #4b0082. Палитра имеет цветовую температуру Нейтральный, Теплый, Холодный.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #111111, #36454F, #4B0082, #BFFF00, #D32F2F, #FFFFFF

Палитра CSS Tailwind Framework High Contrast Accessibility содержит комбинацию из 6 кодов цветов:
HEX: #111111, RGB: (17, 17, 17); HEX: #bfff00, RGB: (191, 255, 0); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #d32f2f, RGB: (211, 47, 47); HEX: #36454f, RGB: (54, 69, 79); HEX: #4b0082, RGB: (75, 0, 130)
Упрощенная версия цветов палитры
Тень Черный, Тень greenyellow, Белый, Тень crimson, Оттенок darkslategrey, indigo
Цветовая схема создана автором colorstudio

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

CSS Tailwind Framework High Contrast Accessibility коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#111111 #111111 RGB(17, 17, 17)Primary BlackDreamless Sleep
#bfff00 #bfff00 RGB(191, 255, 0)Accent LimeLimoncello
#ffffff #ffffff RGB(255, 255, 255)Text WhiteWhite
#d32f2f #d32f2f RGB(211, 47, 47)Button Crimson Red
#36454f #36454f RGB(54, 69, 79)Sidebar CharcoalAzul Petróleo
#4b0082 #4b0082 RGB(75, 0, 130)Shadow IndigoIndigo

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

5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#111111
#36454f
1.9
#111111
#4b0082
1.45
#bfff00
#ffffff
1.19
#d32f2f
#36454f
1.98
#36454f
#4b0082
1.3

Изображение палитры CSS Tailwind Framework High Contrast Accessibility png