Реєстрація Реєстрація
Purple Spider

Purple Spider

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

До бібліотеки

Purple Spider

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

Редагувати
Землисті 7 кольорів Теплі Темні Тріадна
Вподобання 11
Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #1B1A29;
  --c-earthy-2: #393A4D;
  --c-earthy-3: #574B62;
  --c-earthy-4: #B94080;
  --c-earthy-5: #9F2C60;
  --c-earthy-6: #8A1E40;
  --c-earthy-7: #6A0D24;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Razzle Dazzle (#B94080), найсвітлішого тону, до Coarse Wool (#1B1A29), найтемнішого. Вона об'єднує Coarse Wool, Carbon Blue, Paparazzi, Razzle Dazzle, Parlour Red, Refined Chianti та Dark Humour в один набір, який можна одразу перенести в інтерфейс. Жодна з 21 пари кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Coarse Wool #1B1A29
RGB
rgb(27, 26, 41)
HSL
hsl(244, 22%, 13%)
Яскравість
0,011
Carbon Blue #393A4D
RGB
rgb(57, 58, 77)
HSL
hsl(237, 15%, 26%)
Яскравість
0,044
Paparazzi #574B62
RGB
rgb(87, 75, 98)
HSL
hsl(271, 13%, 34%)
Яскравість
0,079
Razzle Dazzle #B94080
RGB
rgb(185, 64, 128)
HSL
hsl(328, 49%, 49%)
Яскравість
0,155
Parlour Red #9F2C60
RGB
rgb(159, 44, 96)
HSL
hsl(333, 57%, 40%)
Яскравість
0,100
Refined Chianti #8A1E40
RGB
rgb(138, 30, 64)
HSL
hsl(341, 64%, 33%)
Яскравість
0,067
Dark Humour #6A0D24
RGB
rgb(106, 13, 36)
HSL
hsl(345, 78%, 23%)
Яскравість
0,035

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

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

Aa #1B1A29 на #B94080 3,35:1 AA, великий текст
Aa #1B1A29 на #9F2C60 2,45:1 Не проходить
Aa #B94080 на #6A0D24 2,42:1 Не проходить
Aa #393A4D на #B94080 2,18:1 Не проходить
Aa #1B1A29 на #574B62 2,11:1 Не проходить
Aa #1B1A29 на #8A1E40 1,91:1 Не проходить
Aa #9F2C60 на #6A0D24 1,77:1 Не проходить
Aa #B94080 на #8A1E40 1,76:1 Не проходить
Aa #393A4D на #9F2C60 1,59:1 Не проходить
Aa #574B62 на #B94080 1,59:1 Не проходить
Aa #1B1A29 на #393A4D 1,54:1 Не проходить
Aa #574B62 на #6A0D24 1,53:1 Не проходить
Aa #1B1A29 на #6A0D24 1,38:1 Не проходить
Aa #8A1E40 на #6A0D24 1,38:1 Не проходить
Aa #393A4D на #574B62 1,37:1 Не проходить
Aa #B94080 на #9F2C60 1,37:1 Не проходить
Aa #9F2C60 на #8A1E40 1,28:1 Не проходить
Aa #393A4D на #8A1E40 1,24:1 Не проходить
Aa #574B62 на #9F2C60 1,16:1 Не проходить
Aa #393A4D на #6A0D24 1,11:1 Не проходить
Aa #574B62 на #8A1E40 1,11:1 Не проходить

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

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