TY Haunted Mansion 10

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

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

TY Haunted Mansion 10

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

Редагувати

Землисті 10 кольорів Теплі Змішані Аналогова dark fantasy horror haunted

Вподобання 18

Кольори 10

CSS-змінні

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #BFAF81;
  --c-earthy-3: #7B7562;
  --c-earthy-4: #444144;
  --c-earthy-5: #B69173;
  --c-earthy-6: #6D5751;
  --c-earthy-7: #5E362B;
  --c-earthy-8: #877E3A;
  --c-earthy-9: #54432A;
  --c-earthy-10: #2D2F22;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Found Fossil (#DECEB4), найсвітлішого тону, до Pine Tree (#2D2F22), найтемнішого. Вона об'єднує Found Fossil, Ecru, Lapwing Grey Green, Ewa, Toasted, Somali Brown, Rusted Crimson, Mossy Meadow, Garden Loam та Pine Tree в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #DECEB4 на #2D2F22 (8,82:1).

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

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

Found Fossil #DECEB4

RGB: rgb(222, 206, 180)
HSL: hsl(37, 39%, 79%)
Яскравість: 0,630

Ecru #BFAF81

RGB: rgb(191, 175, 129)
HSL: hsl(45, 33%, 63%)
Яскравість: 0,433

Lapwing Grey Green #7B7562

RGB: rgb(123, 117, 98)
HSL: hsl(46, 11%, 43%)
Яскравість: 0,178

Ewa #444144

RGB: rgb(68, 65, 68)
HSL: hsl(300, 2%, 26%)
Яскравість: 0,054

Toasted #B69173

RGB: rgb(182, 145, 115)
HSL: hsl(27, 31%, 58%)
Яскравість: 0,314

Somali Brown #6D5751

RGB: rgb(109, 87, 81)
HSL: hsl(13, 15%, 37%)
Яскравість: 0,107

Rusted Crimson #5E362B

RGB: rgb(94, 54, 43)
HSL: hsl(13, 37%, 27%)
Яскравість: 0,052

Mossy Meadow #877E3A

RGB: rgb(135, 126, 58)
HSL: hsl(53, 40%, 38%)
Яскравість: 0,204

Garden Loam #54432A

RGB: rgb(84, 67, 42)
HSL: hsl(36, 33%, 25%)
Яскравість: 0,061

Pine Tree #2D2F22

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

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

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

Aa #DECEB4 на #2D2F22 8,82:1 AAA

Aa #DECEB4 на #5E362B 6,67:1 AA

Aa #DECEB4 на #444144 6,52:1 AA

Aa #BFAF81 на #2D2F22 6,27:1 AA

Aa #DECEB4 на #54432A 6,14:1 AA

Aa #BFAF81 на #5E362B 4,74:1 AA

Aa #B69173 на #2D2F22 4,73:1 AA

Aa #BFAF81 на #444144 4,63:1 AA

Aa #BFAF81 на #54432A 4,37:1 AA, великий текст

Aa #DECEB4 на #6D5751 4,34:1 AA, великий текст

Aa #B69173 на #5E362B 3,57:1 AA, великий текст

Aa #444144 на #B69173 3,49:1 AA, великий текст

Aa #B69173 на #54432A 3,29:1 AA, великий текст

Aa #877E3A на #2D2F22 3,29:1 AA, великий текст

Aa #BFAF81 на #6D5751 3,09:1 AA, великий текст

Aa #DECEB4 на #7B7562 2,98:1 Не проходить

Aa #7B7562 на #2D2F22 2,96:1 Не проходить

Aa #DECEB4 на #877E3A 2,68:1 Не проходить

Aa #5E362B на #877E3A 2,49:1 Не проходить

Aa #444144 на #877E3A 2,43:1 Не проходить

Aa #B69173 на #6D5751 2,33:1 Не проходить

Aa #877E3A на #54432A 2,29:1 Не проходить

Aa #7B7562 на #5E362B 2,24:1 Не проходить

Aa #7B7562 на #444144 2,19:1 Не проходить

Aa #BFAF81 на #7B7562 2,12:1 Не проходить

Aa #7B7562 на #54432A 2,06:1 Не проходить

Aa #6D5751 на #2D2F22 2,03:1 Не проходить

Aa #BFAF81 на #877E3A 1,90:1 Не проходить

Aa #DECEB4 на #B69173 1,87:1 Не проходить

Aa #6D5751 на #877E3A 1,62:1 Не проходить

Aa #7B7562 на #B69173 1,60:1 Не проходить

Aa #6D5751 на #5E362B 1,54:1 Не проходить

Aa #444144 на #6D5751 1,50:1 Не проходить

Aa #7B7562 на #6D5751 1,46:1 Не проходить

Aa #B69173 на #877E3A 1,44:1 Не проходить

Aa #54432A на #2D2F22 1,44:1 Не проходить

Aa #6D5751 на #54432A 1,42:1 Не проходить

Aa #DECEB4 на #BFAF81 1,41:1 Не проходить

Aa #444144 на #2D2F22 1,35:1 Не проходить

Aa #BFAF81 на #B69173 1,33:1 Не проходить

Aa #5E362B на #2D2F22 1,32:1 Не проходить

Aa #7B7562 на #877E3A 1,11:1 Не проходить

Aa #5E362B на #54432A 1,09:1 Не проходить

Aa #444144 на #54432A 1,06:1 Не проходить

Aa #444144 на #5E362B 1,02: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 кольори

TY Haunted Mansion 10