Создано 07/28/2025 11:13
Next.js Component Playground
SSR Lilac
#bca0dc
Hydrate Cyan
#a9f6ff
Middleware Yellow
#ffea00
Props Gray
#e8e8e8
Router Charcoal
#2e2e38
Dynamic Coral
#ff8474
TypeScript Ink
#0d1b2a
Палитра содержит светлый, темный цвета. Акцентные цвета Hydrate Cyan #a9f6ff да Middleware Yellow #ffea00. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
Палитра Next.js Component Playground содержит комбинацию из 7 кодов цветов:
HEX: #bca0dc, RGB: (188, 160, 220); HEX: #a9f6ff, RGB: (169, 246, 255); HEX: #ffea00, RGB: (255, 234, 0)
HEX: #e8e8e8, RGB: (232, 232, 232); HEX: #2e2e38, RGB: (46, 46, 56); HEX: #ff8474, RGB: (255, 132, 116)
HEX: #0d1b2a, RGB: (13, 27, 42)
Упрощенная версия цветов палитры
Оттенок plum, Тень paleturquoise, Тень gold, Тень gainsboro, Тень Черный, Тень salmon, Тень Черный
Цветовая схема создана автором colorslib
Коды цветов в палитре
Next.js Component Playground коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #bca0dc | #bca0dc | RGB(188, 160, 220) | SSR Lilac | — |
| #a9f6ff | #a9f6ff | RGB(169, 246, 255) | Hydrate Cyan | — |
| #ffea00 | #ffea00 | RGB(255, 234, 0) | Middleware Yellow | — |
| #e8e8e8 | #e8e8e8 | RGB(232, 232, 232) | Props Gray | Unicorn Silver |
| #2e2e38 | #2e2e38 | RGB(46, 46, 56) | Router Charcoal | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Dynamic Coral | — |
| #0d1b2a | #0d1b2a | RGB(13, 27, 42) | TypeScript Ink | — |
Контраст палитры цветов
11 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#bca0dc | #a9f6ff | 1.88 |
#bca0dc | #ffea00 | 1.85 |
#bca0dc | #e8e8e8 | 1.86 |
#bca0dc | #ff8474 | 1.04 |
#a9f6ff | #ffea00 | 1.01 |
#a9f6ff | #e8e8e8 | 1.01 |
