Walking In The Woods 8

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

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

Walking In The Woods 8

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

Редагувати

Землисті 8 кольорів Теплі Змішані Тріадна green dark red yellow

Вподобання 79

Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #BAC2B1;
  --c-earthy-2: #CBD4C2;
  --c-earthy-3: #D1DDC2;
  --c-earthy-4: #DBEBC0;
  --c-earthy-5: #CFCFAD;
  --c-earthy-6: #AE9685;
  --c-earthy-7: #815355;
  --c-earthy-8: #523249;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Mellow Mint (#DBEBC0), найсвітлішого тону, до Grimace (#523249), найтемнішого. Вона об'єднує Kimberley Tree, Carrot Flower, Balance, Mellow Mint, Longbeard Grey, Quicksand, Lampoon та Grimace в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #DBEBC0 на #523249 (8,72:1).

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

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

Kimberley Tree #BAC2B1

RGB: rgb(186, 194, 177)
HSL: hsl(88, 12%, 73%)
Яскравість: 0,522

Carrot Flower #CBD4C2

RGB: rgb(203, 212, 194)
HSL: hsl(90, 17%, 80%)
Яскравість: 0,637

Balance #D1DDC2

RGB: rgb(209, 221, 194)
HSL: hsl(87, 28%, 81%)
Яскравість: 0,692

Mellow Mint #DBEBC0

RGB: rgb(219, 235, 192)
HSL: hsl(82, 52%, 84%)
Яскравість: 0,783

Longbeard Grey #CFCFAD

RGB: rgb(207, 207, 173)
HSL: hsl(60, 26%, 75%)
Яскравість: 0,609

Quicksand #AE9685

RGB: rgb(174, 150, 133)
HSL: hsl(25, 20%, 60%)
Яскравість: 0,325

Lampoon #815355

RGB: rgb(129, 83, 85)
HSL: hsl(357, 22%, 42%)
Яскравість: 0,115

Grimace #523249

RGB: rgb(82, 50, 73)
HSL: hsl(317, 24%, 26%)
Яскравість: 0,046

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

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

Aa #DBEBC0 на #523249 8,72:1 AAA

Aa #D1DDC2 на #523249 7,76:1 AAA

Aa #CBD4C2 на #523249 7,19:1 AAA

Aa #CFCFAD на #523249 6,90:1 AA

Aa #BAC2B1 на #523249 5,99:1 AA

Aa #DBEBC0 на #815355 5,04:1 AA

Aa #D1DDC2 на #815355 4,49:1 AA, великий текст

Aa #CBD4C2 на #815355 4,16:1 AA, великий текст

Aa #CFCFAD на #815355 3,99:1 AA, великий текст

Aa #AE9685 на #523249 3,92:1 AA, великий текст

Aa #BAC2B1 на #815355 3,46:1 AA, великий текст

Aa #AE9685 на #815355 2,27:1 Не проходить

Aa #DBEBC0 на #AE9685 2,22:1 Не проходить

Aa #D1DDC2 на #AE9685 1,98:1 Не проходить

Aa #CBD4C2 на #AE9685 1,83:1 Не проходить

Aa #CFCFAD на #AE9685 1,76:1 Не проходить

Aa #815355 на #523249 1,73:1 Не проходить

Aa #BAC2B1 на #AE9685 1,53:1 Не проходить

Aa #BAC2B1 на #DBEBC0 1,46:1 Не проходить

Aa #BAC2B1 на #D1DDC2 1,30:1 Не проходить

Aa #DBEBC0 на #CFCFAD 1,26:1 Не проходить

Aa #CBD4C2 на #DBEBC0 1,21:1 Не проходить

Aa #BAC2B1 на #CBD4C2 1,20:1 Не проходить

Aa #BAC2B1 на #CFCFAD 1,15:1 Не проходить

Aa #D1DDC2 на #CFCFAD 1,13:1 Не проходить

Aa #D1DDC2 на #DBEBC0 1,12:1 Не проходить

Aa #CBD4C2 на #D1DDC2 1,08:1 Не проходить

Aa #CBD4C2 на #CFCFAD 1,04:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70

4 кольори

#7D5A50 #B4846C #E5B299 #FCDEC0

4 кольори

#FFF8EA #9E7676 #815B5B #594545

4 кольори

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 кольори

#F67280 #C06C84 #6C5B7B #355C7D

4 кольори

#2B2E4A #E84545 #903749 #53354A

4 кольори

#E5D9B6 #A4BE7B #5F8D4E #285430

4 кольори

#A9907E #F3DEBA #ABC4AA #675D50

4 кольори

Walking In The Woods 8