Палітра «Rich Purple» з 4 кольорів

Палітра «Rich Purple» з 4 кольорів

Палітра з 4 кольорів · Теплі · Темні · Аналогова гармонія

Палітра «Rich Purple» з 4 кольорів

Палітра з 4 кольорів · Теплі кольори · Темні тони · Аналогова гармонія

Редагувати
Приглушені 4 кольори Теплі Темні Аналогова
Вподобання 11 755
Кольори 4


CSS-змінні

:root {
  --c-muted-1: #030637;
  --c-muted-2: #3C0753;
  --c-muted-3: #720455;
  --c-muted-4: #910A67;
}

Про цю палітру

Ця приглушена палітра з 4 кольорів охоплює діапазон від Cardinal Pink (#910A67), найсвітлішого тону, до Oblivion (#030637), найтемнішого. Вона об'єднує Oblivion, Ripe Plum, Rich Purple та Cardinal Pink в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.


Розбір кольорів

Oblivion #030637
RGB
rgb(3, 6, 55)
HSL
hsl(237, 90%, 11%)
Яскравість
0,004
Ripe Plum #3C0753
RGB
rgb(60, 7, 83)
HSL
hsl(282, 84%, 18%)
Яскравість
0,017
Rich Purple #720455
RGB
rgb(114, 4, 85)
HSL
hsl(316, 93%, 23%)
Яскравість
0,043
Cardinal Pink #910A67
RGB
rgb(145, 10, 103)
HSL
hsl(319, 87%, 30%)
Яскравість
0,072

Контраст і доступність

Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 0 з них.

Aa #030637 на #910A67 2,25:1 Не проходить
Aa #3C0753 на #910A67 1,81:1 Не проходить
Aa #030637 на #720455 1,72:1 Не проходить
Aa #3C0753 на #720455 1,38:1 Не проходить
Aa #720455 на #910A67 1,31:1 Не проходить
Aa #030637 на #3C0753 1,24:1 Не проходить

Схожі палітри

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори
#2E0249 #570A57 #A91079 #F806CC
4 кольори