Woodland Fantasy

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

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

Woodland Fantasy

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

Редагувати

Землисті 9 кольорів Теплі Змішані Комплементарна fantasy muted woodland

Вподобання 37

Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #9A684E;
  --c-earthy-2: #784838;
  --c-earthy-3: #492C33;
  --c-earthy-4: #7C7A41;
  --c-earthy-5: #636531;
  --c-earthy-6: #3B4337;
  --c-earthy-7: #A4CAB8;
  --c-earthy-8: #FAE6C1;
  --c-earthy-9: #D8BDA1;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Autumn Child (#FAE6C1), найсвітлішого тону, до Ripe Eggplant (#492C33), найтемнішого. Вона об'єднує Old Driftwood, Chocolate Magma, Ripe Eggplant, Tribal, Gretchin Green, Sunday Niqab, Bird’s Egg Green, Autumn Child та Silken Stockings в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #492C33 на #FAE6C1 (10,14:1).

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

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

Old Driftwood #9A684E

RGB: rgb(154, 104, 78)
HSL: hsl(21, 33%, 45%)
Яскравість: 0,173

Chocolate Magma #784838

RGB: rgb(120, 72, 56)
HSL: hsl(15, 36%, 35%)
Яскравість: 0,089

Ripe Eggplant #492C33

RGB: rgb(73, 44, 51)
HSL: hsl(346, 25%, 23%)
Яскравість: 0,035

Tribal #7C7A41

RGB: rgb(124, 122, 65)
HSL: hsl(58, 31%, 37%)
Яскравість: 0,186

Gretchin Green #636531

RGB: rgb(99, 101, 49)
HSL: hsl(62, 35%, 29%)
Яскравість: 0,122

Sunday Niqab #3B4337

RGB: rgb(59, 67, 55)
HSL: hsl(100, 10%, 24%)
Яскравість: 0,052

Bird’s Egg Green #A4CAB8

RGB: rgb(164, 202, 184)
HSL: hsl(152, 26%, 72%)
Яскравість: 0,536

Autumn Child #FAE6C1

RGB: rgb(250, 230, 193)
HSL: hsl(39, 85%, 87%)
Яскравість: 0,808

Silken Stockings #D8BDA1

RGB: rgb(216, 189, 161)
HSL: hsl(31, 41%, 74%)
Яскравість: 0,536

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

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

Aa #492C33 на #FAE6C1 10,14:1 AAA

Aa #3B4337 на #FAE6C1 8,39:1 AAA

Aa #492C33 на #A4CAB8 6,93:1 AA

Aa #492C33 на #D8BDA1 6,93:1 AA

Aa #784838 на #FAE6C1 6,16:1 AA

Aa #3B4337 на #A4CAB8 5,73:1 AA

Aa #3B4337 на #D8BDA1 5,73:1 AA

Aa #636531 на #FAE6C1 4,99:1 AA

Aa #784838 на #A4CAB8 4,21:1 AA, великий текст

Aa #784838 на #D8BDA1 4,21:1 AA, великий текст

Aa #9A684E на #FAE6C1 3,84:1 AA, великий текст

Aa #7C7A41 на #FAE6C1 3,64:1 AA, великий текст

Aa #636531 на #A4CAB8 3,41:1 AA, великий текст

Aa #636531 на #D8BDA1 3,41:1 AA, великий текст

Aa #492C33 на #7C7A41 2,79:1 Не проходить

Aa #9A684E на #492C33 2,64:1 Не проходить

Aa #9A684E на #A4CAB8 2,63:1 Не проходить

Aa #9A684E на #D8BDA1 2,62:1 Не проходить

Aa #7C7A41 на #A4CAB8 2,48:1 Не проходить

Aa #7C7A41 на #D8BDA1 2,48:1 Не проходить

Aa #7C7A41 на #3B4337 2,31:1 Не проходить

Aa #9A684E на #3B4337 2,18:1 Не проходить

Aa #492C33 на #636531 2,03:1 Не проходить

Aa #784838 на #7C7A41 1,70:1 Не проходить

Aa #636531 на #3B4337 1,68:1 Не проходить

Aa #784838 на #492C33 1,65:1 Не проходить

Aa #9A684E на #784838 1,60:1 Не проходить

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

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

Aa #7C7A41 на #636531 1,37:1 Не проходить

Aa #784838 на #3B4337 1,36:1 Не проходить

Aa #9A684E на #636531 1,30:1 Не проходить

Aa #784838 на #636531 1,23:1 Не проходить

Aa #492C33 на #3B4337 1,21:1 Не проходить

Aa #9A684E на #7C7A41 1,06:1 Не проходить

Aa #A4CAB8 на #D8BDA1 1,00: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 кольори

Woodland Fantasy