Создано 06/22/2025 07:12
Browser-First Layout Spectrum
Margin Lemon
#faf3a0
Padding Plum
#cbaacb
Flex Blue
#67b7d1
Container Cream
#fff5eb
Breakpoint Red
#ff595e
Grid Text Gray
#555555
Палитра содержит светлый, полутемный цвета. Акцентные цвета Flex Blue #67b7d1 да Container Cream #fff5eb. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #555555 (самый тёмный) до #FFF5EB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #555555, #67B7D1, #CBAACB, #FAF3A0, #FF595E, #FFF5EB
Палитра Browser-First Layout Spectrum содержит комбинацию из 6 кодов цветов:
HEX: #faf3a0, RGB: (250, 243, 160); HEX: #cbaacb, RGB: (203, 170, 203); HEX: #67b7d1, RGB: (103, 183, 209)
HEX: #fff5eb, RGB: (255, 245, 235); HEX: #ff595e, RGB: (255, 89, 94); HEX: #555555, RGB: (85, 85, 85)
Упрощенная версия цветов палитры
Тень хаки, Оттенок thistle, Оттенок skyblue, Тень linen, Оттенок salmon, Оттенок dimgrey
Цветовая схема создана автором colorslib
Коды цветов в палитре
Browser-First Layout Spectrum коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #faf3a0 | #faf3a0 | RGB(250, 243, 160) | Margin Lemon | — |
| #cbaacb | #cbaacb | RGB(203, 170, 203) | Padding Plum | — |
| #67b7d1 | #67b7d1 | RGB(103, 183, 209) | Flex Blue | — |
| #fff5eb | #fff5eb | RGB(255, 245, 235) | Container Cream | — |
| #ff595e | #ff595e | RGB(255, 89, 94) | Breakpoint Red | — |
| #555555 | #555555 | RGB(85, 85, 85) | Grid Text Gray | Stone Cold Gray |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#faf3a0 | #cbaacb | 1.81 |
#faf3a0 | #67b7d1 | 1.98 |
#faf3a0 | #fff5eb | 1.06 |
#cbaacb | #67b7d1 | 1.09 |
#cbaacb | #fff5eb | 1.92 |
#cbaacb | #ff595e | 1.48 |
Изображение палитры Browser-First Layout Spectrum png
Экспорт палитры
Скачайте "Browser-First Layout Spectrum" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: