Создано 07/21/2025 12:47
React Dashboard Syntax Lab
- JSX Flame#ff6363
- Import Charcoal#23272a
- Hook Cyan#2dced8
- Element Pink#fda7df
- Code Paper White#fbfbfb
- State Lime#c6ff00
Палитра содержит светлый, темный цвета. Акцентные цвета Import Charcoal #23272a да State Lime #c6ff00. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #23272A (самый тёмный) до #FBFBFB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #23272A, #2DCED8, #C6FF00, #FBFBFB, #FDA7DF, #FF6363
Палитра React Dashboard Syntax Lab содержит комбинацию из 6 кодов цветов:
HEX: #ff6363, RGB: (255, 99, 99); HEX: #23272a, RGB: (35, 39, 42); HEX: #2dced8, RGB: (45, 206, 216)
HEX: #fda7df, RGB: (253, 167, 223); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #c6ff00, RGB: (198, 255, 0)
Упрощенная версия цветов палитры
Оттенок salmon, Тень Черный, Тень darkturquoise, Тень plum, Оттенок Белый, Тень greenyellow
Цветовая схема создана автором colorday
Коды цветов в палитре
React Dashboard Syntax Lab коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ff6363 | #ff6363 | RGB(255, 99, 99) | JSX Flame | — |
| #23272a | #23272a | RGB(35, 39, 42) | Import Charcoal | — |
| #2dced8 | #2dced8 | RGB(45, 206, 216) | Hook Cyan | — |
| #fda7df | #fda7df | RGB(253, 167, 223) | Element Pink | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Code Paper White | Whiteout |
| #c6ff00 | #c6ff00 | RGB(198, 255, 0) | State Lime | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ff6363 | #2dced8 | 1.51 |
#ff6363 | #fda7df | 1.63 |
#2dced8 | #fda7df | 1.07 |
#2dced8 | #fbfbfb | 1.85 |
#2dced8 | #c6ff00 | 1.61 |
#fda7df | #fbfbfb | 1.72 |
Изображение палитры React Dashboard Syntax Lab png
Экспорт палитры
Скачайте "React Dashboard Syntax Lab" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: