Создано 10/03/2025 21:55
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 Black | Dreamless Sleep |
| #bfff00 | #bfff00 | RGB(191, 255, 0) | Accent Lime | Limoncello |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text White | White |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Button Crimson Red | — |
| #36454f | #36454f | RGB(54, 69, 79) | Sidebar Charcoal | Azul Petróleo |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Shadow Indigo | Indigo |
Контраст палитры цветов
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
Экспорт палитры
Скачайте "CSS Tailwind Framework High Contrast Accessibility" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы:
