Создано 11/13/2025 23:09
CSS Framework Neural Light and Dark Components
- Tailwind Teal#14b8a6
- Material Coral#ff6f61
- Bootstrap Blue#0d6efd
- Bulma Yellow#ffd500
- Foundation Gray#f5f5f5
- Semantic Violet#7c4dff
- Background Black#101010
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Bulma Yellow #ffd500 да Semantic Violet #7c4dff. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #101010 (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0D6EFD, #101010, #14B8A6, #7C4DFF, #F5F5F5, #FF6F61, #FFD500
Палитра CSS Framework Neural Light and Dark Components содержит комбинацию из 7 кодов цветов:
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #0d6efd, RGB: (13, 110, 253)
HEX: #ffd500, RGB: (255, 213, 0); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #7c4dff, RGB: (124, 77, 255)
HEX: #101010, RGB: (16, 16, 16)
Упрощенная версия цветов палитры
Оттенок lightseagreen, Оттенок salmon, Оттенок royalblue, Оттенок gold, Оттенок mediumslateblue, Тень Черный
Цветовая схема создана автором colorday
Коды цветов в палитре
CSS Framework Neural Light and Dark Components коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Tailwind Teal | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Material Coral | Living Coral |
| #0d6efd | #0d6efd | RGB(13, 110, 253) | Bootstrap Blue | — |
| #ffd500 | #ffd500 | RGB(255, 213, 0) | Bulma Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Foundation Gray | White Smoke |
| #7c4dff | #7c4dff | RGB(124, 77, 255) | Semantic Violet | — |
| #101010 | #101010 | RGB(16, 16, 16) | Background Black | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#14b8a6 | #ff6f61 | 1.09 |
#14b8a6 | #0d6efd | 1.8 |
#14b8a6 | #ffd500 | 1.75 |
#14b8a6 | #7c4dff | 1.93 |
#ff6f61 | #0d6efd | 1.64 |
#ff6f61 | #ffd500 | 1.91 |
Изображение палитры CSS Framework Neural Light and Dark Components png
Экспорт палитры
Скачайте "CSS Framework Neural Light and Dark Components" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: