Web squarespace design palette
- Picton Blue#40bdf1
- Maya Blue#5bccf1
- Blue Sapphire#0f6067
- Copper Penny#b27a6e
- Columbia Blue#ccdce4
- Medium Jungle Green#1d3238
Створено 07/20/2022 12:52
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Picton Blue #40bdf1 та Copper Penny #b27a6e. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #1D3238 (найтемніший) до #CCDCE4 (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні, в середньому 56% по палітрі.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (5 із 6).
HEX-коди (відсортовано): #0F6067, #1D3238, #40BDF1, #5BCCF1, #B27A6E, #CCDCE4
Палітра Web squarespace design palette містить комбінацію з 6 кодів кольорів :
HEX: #40bdf1, RGB: (64, 189, 241); HEX: #5bccf1, RGB: (91, 204, 241); HEX: #0f6067, RGB: (15, 96, 103)
HEX: #b27a6e, RGB: (178, 122, 110); HEX: #ccdce4, RGB: (204, 220, 228); HEX: #1d3238, RGB: (29, 50, 56)
Спрощений варіант палітри кольорів
Світлий відтінок Насичений небесно-блакитний, Темний відтінок Небесно-блакитний, Світлий відтінок Темний сланцево-сірий, Темний відтінок Рожево-коричневий, Темний відтінок Ґейнсборо, Темний відтінок Темний сланцево-сірий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web squarespace design palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #40bdf1 | #40bdf1 | RGB(64, 189, 241) | Picton Blue | — |
| #5bccf1 | #5bccf1 | RGB(91, 204, 241) | Maya Blue | — |
| #0f6067 | #0f6067 | RGB(15, 96, 103) | Blue Sapphire | — |
| #b27a6e | #b27a6e | RGB(178, 122, 110) | Copper Penny | — |
| #ccdce4 | #ccdce4 | RGB(204, 220, 228) | Columbia Blue | — |
| #1d3238 | #1d3238 | RGB(29, 50, 56) | Medium Jungle Green | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#40bdf1 | #5bccf1 | 1.16 |
#40bdf1 | #b27a6e | 1.65 |
#40bdf1 | #ccdce4 | 1.52 |
#5bccf1 | #b27a6e | 1.92 |
#5bccf1 | #ccdce4 | 1.31 |
#0f6067 | #1d3238 | 1.84 |
Палітра із зображення Web squarespace design palette png
Експортувати палітру
Завантажте "Web squarespace design palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: