Ultramarine UI Beam
- Primary Blue#2563eb
- Secondary Sky#93c5fd
- Accent Lime#d9f99d
- Background Base#f9fafb
- Surface White#ffffff
- Text Navy#1e3a8a
Создано 05/28/2025 06:02
Палитра содержит полутемный, светлый цвета. Акцентные цвета Secondary Sky #93c5fd и Accent Lime #d9f99d. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #1E3A8A (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Разнообразная палитра: оттенки распределены примерно на 144° цветового круга.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #1E3A8A, #2563EB, #93C5FD, #D9F99D, #F9FAFB, #FFFFFF
Палитра Ultramarine UI Beam содержит комбинацию из 6 кодов цветов:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #93c5fd, RGB: (147, 197, 253); HEX: #d9f99d, RGB: (217, 249, 157)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e3a8a, RGB: (30, 58, 138)
Упрощенная версия цветов палитры
Тёмный оттенок Королевский синий, Тёмный оттенок Светлый небесно-голубой, Светлый оттенок Бледно-зелёный, Светлый оттенок Дымчато-белый, Белый, Тёмный оттенок Тёмный аспидно-синий
Цветовая схема создана автором colorslib
Коды цветов в палитре
Ultramarine UI Beam коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | Primary Blue | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Secondary Sky | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Accent Lime | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Background Base | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Text Navy | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#93c5fd | #d9f99d | 1.54 |
#93c5fd | #f9fafb | 1.72 |
#93c5fd | #ffffff | 1.8 |
#d9f99d | #f9fafb | 1.11 |
#d9f99d | #ffffff | 1.16 |
#f9fafb | #ffffff | 1.04 |
Палитра из изображения Ultramarine UI Beam png
Экспорт палитры
Скачайте "Ultramarine UI Beam" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: