Zaebucca Forest 8

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

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

Zaebucca Forest 8

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

Редагувати

Землисті 8 кольорів Нейтральні Змішані Комплементарна forest

Вподобання 9

Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #0C0F12;
  --c-earthy-2: #102D56;
  --c-earthy-3: #4D4A54;
  --c-earthy-4: #A48F80;
  --c-earthy-5: #8D4638;
  --c-earthy-6: #00817C;
  --c-earthy-7: #9A8BAF;
  --c-earthy-8: #EDD6B6;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Sugar Shack (#EDD6B6), найсвітлішого тону, до Ruined Smores (#0C0F12), найтемнішого. Вона об'єднує Ruined Smores, Ambassador Blue, Galaxy, Zinc Blend, Suzumecha Brown, Blue Winged Teal, Saffron Blossom Mauve та Sugar Shack в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #0C0F12 на #EDD6B6 (13,63:1).

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

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

Ruined Smores #0C0F12

RGB: rgb(12, 15, 18)
HSL: hsl(210, 20%, 6%)
Яскравість: 0,005

Ambassador Blue #102D56

RGB: rgb(16, 45, 86)
HSL: hsl(215, 69%, 20%)
Яскравість: 0,027

Galaxy #4D4A54

RGB: rgb(77, 74, 84)
HSL: hsl(258, 6%, 31%)
Яскравість: 0,071

Zinc Blend #A48F80

RGB: rgb(164, 143, 128)
HSL: hsl(25, 17%, 57%)
Яскравість: 0,291

Suzumecha Brown #8D4638

RGB: rgb(141, 70, 56)
HSL: hsl(10, 43%, 39%)
Яскравість: 0,103

Blue Winged Teal #00817C

RGB: rgb(0, 129, 124)
HSL: hsl(178, 100%, 25%)
Яскравість: 0,172

Saffron Blossom Mauve #9A8BAF

RGB: rgb(154, 139, 175)
HSL: hsl(265, 18%, 62%)
Яскравість: 0,284

Sugar Shack #EDD6B6

RGB: rgb(237, 214, 182)
HSL: hsl(35, 60%, 82%)
Яскравість: 0,695

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

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

Aa #0C0F12 на #EDD6B6 13,63:1 AAA

Aa #102D56 на #EDD6B6 9,72:1 AAA

Aa #0C0F12 на #A48F80 6,24:1 AA

Aa #4D4A54 на #EDD6B6 6,15:1 AA

Aa #0C0F12 на #9A8BAF 6,12:1 AA

Aa #8D4638 на #EDD6B6 4,86:1 AA

Aa #102D56 на #A48F80 4,45:1 AA, великий текст

Aa #102D56 на #9A8BAF 4,36:1 AA, великий текст

Aa #0C0F12 на #00817C 4,06:1 AA, великий текст

Aa #00817C на #EDD6B6 3,36:1 AA, великий текст

Aa #102D56 на #00817C 2,89:1 Не проходить

Aa #0C0F12 на #8D4638 2,81:1 Не проходить

Aa #4D4A54 на #A48F80 2,81:1 Не проходить

Aa #4D4A54 на #9A8BAF 2,76:1 Не проходить

Aa #9A8BAF на #EDD6B6 2,23:1 Не проходить

Aa #0C0F12 на #4D4A54 2,22:1 Не проходить

Aa #A48F80 на #8D4638 2,22:1 Не проходить

Aa #A48F80 на #EDD6B6 2,18:1 Не проходить

Aa #8D4638 на #9A8BAF 2,18:1 Не проходить

Aa #102D56 на #8D4638 2,00:1 Не проходить

Aa #4D4A54 на #00817C 1,83:1 Не проходить

Aa #102D56 на #4D4A54 1,58:1 Не проходить

Aa #A48F80 на #00817C 1,54:1 Не проходить

Aa #00817C на #9A8BAF 1,51:1 Не проходить

Aa #8D4638 на #00817C 1,45:1 Не проходить

Aa #0C0F12 на #102D56 1,40:1 Не проходить

Aa #4D4A54 на #8D4638 1,27:1 Не проходить

Aa #A48F80 на #9A8BAF 1,02:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B

4 кольори

#F5F7F8 #F4CE14 #495E57 #45474B

4 кольори

#222831 #393E46 #FFD369 #EEEEEE

4 кольори

#000000 #52057B #892CDC #BC6FF1

4 кольори

#213555 #3E5879 #D8C4B6 #F5EFE7

4 кольори

#F5EFE7 #D8C4B6 #4F709C #213555

4 кольори

#191A19 #1E5128 #4E9F3D #D8E9A8

4 кольори

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 кольори

Zaebucca Forest 8