Fantastic Planet

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

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

Fantastic Planet

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

Редагувати

Землисті 11 кольорів Теплі Змішані Комплементарна pixelart scifi fantasy alien

Вподобання 33

Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #57B1BC;
  --c-earthy-2: #CFC897;
  --c-earthy-3: #B4B2C3;
  --c-earthy-4: #9371D8;
  --c-earthy-5: #9599A8;
  --c-earthy-6: #AA8D44;
  --c-earthy-7: #9D5644;
  --c-earthy-8: #7D6A56;
  --c-earthy-9: #375E76;
  --c-earthy-10: #333B8A;
  --c-earthy-11: #21132C;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Tidal Green (#CFC897), найсвітлішого тону, до Blacklist (#21132C), найтемнішого. Вона об'єднує Thalassa, Tidal Green, Fading Sunset, Matt Purple, Angry Gargoyle, Plaguelands Beige, Ceramic Brown, Downtown Benny Brown, Brigade, Clematis Blue та Blacklist в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #CFC897 на #21132C (10,35:1).

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

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

Thalassa #57B1BC

RGB: rgb(87, 177, 188)
HSL: hsl(187, 43%, 54%)
Яскравість: 0,371

Tidal Green #CFC897

RGB: rgb(207, 200, 151)
HSL: hsl(53, 37%, 70%)
Яскравість: 0,568

Fading Sunset #B4B2C3

RGB: rgb(180, 178, 195)
HSL: hsl(247, 12%, 73%)
Яскравість: 0,455

Matt Purple #9371D8

RGB: rgb(147, 113, 216)
HSL: hsl(260, 57%, 65%)
Яскравість: 0,230

Angry Gargoyle #9599A8

RGB: rgb(149, 153, 168)
HSL: hsl(227, 10%, 62%)
Яскравість: 0,320

Plaguelands Beige #AA8D44

RGB: rgb(170, 141, 68)
HSL: hsl(43, 43%, 47%)
Яскравість: 0,280

Ceramic Brown #9D5644

RGB: rgb(157, 86, 68)
HSL: hsl(12, 40%, 44%)
Яскравість: 0,142

Downtown Benny Brown #7D6A56

RGB: rgb(125, 106, 86)
HSL: hsl(31, 18%, 41%)
Яскравість: 0,153

Brigade #375E76

RGB: rgb(55, 94, 118)
HSL: hsl(203, 36%, 34%)
Яскравість: 0,101

Clematis Blue #333B8A

RGB: rgb(51, 59, 138)
HSL: hsl(234, 46%, 37%)
Яскравість: 0,057

Blacklist #21132C

RGB: rgb(33, 19, 44)
HSL: hsl(274, 40%, 12%)
Яскравість: 0,010

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

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

Aa #CFC897 на #21132C 10,35:1 AAA

Aa #B4B2C3 на #21132C 8,46:1 AAA

Aa #57B1BC на #21132C 7,05:1 AAA

Aa #9599A8 на #21132C 6,20:1 AA

Aa #CFC897 на #333B8A 5,79:1 AA

Aa #AA8D44 на #21132C 5,53:1 AA

Aa #B4B2C3 на #333B8A 4,73:1 AA

Aa #9371D8 на #21132C 4,68:1 AA

Aa #CFC897 на #375E76 4,09:1 AA, великий текст

Aa #57B1BC на #333B8A 3,95:1 AA, великий текст

Aa #9599A8 на #333B8A 3,47:1 AA, великий текст

Aa #7D6A56 на #21132C 3,41:1 AA, великий текст

Aa #B4B2C3 на #375E76 3,34:1 AA, великий текст

Aa #9D5644 на #21132C 3,22:1 AA, великий текст

Aa #CFC897 на #9D5644 3,21:1 AA, великий текст

Aa #AA8D44 на #333B8A 3,09:1 AA, великий текст

Aa #CFC897 на #7D6A56 3,04:1 AA, великий текст

Aa #57B1BC на #375E76 2,78:1 Не проходить

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

Aa #9371D8 на #333B8A 2,62:1 Не проходить

Aa #375E76 на #21132C 2,53:1 Не проходить

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

Aa #9599A8 на #375E76 2,45:1 Не проходить

Aa #CFC897 на #9371D8 2,21:1 Не проходить

Aa #57B1BC на #9D5644 2,19:1 Не проходить

Aa #AA8D44 на #375E76 2,18:1 Не проходить

Aa #57B1BC на #7D6A56 2,07:1 Не проходить

Aa #9599A8 на #9D5644 1,92:1 Не проходить

Aa #7D6A56 на #333B8A 1,91:1 Не проходить

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

Aa #9371D8 на #375E76 1,85:1 Не проходить

Aa #9599A8 на #7D6A56 1,82:1 Не проходить

Aa #B4B2C3 на #9371D8 1,80:1 Не проходить

Aa #9D5644 на #333B8A 1,80:1 Не проходить

Aa #333B8A на #21132C 1,79:1 Не проходить

Aa #AA8D44 на #9D5644 1,72:1 Не проходить

Aa #CFC897 на #9599A8 1,67:1 Не проходить

Aa #AA8D44 на #7D6A56 1,62:1 Не проходить

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

Aa #57B1BC на #9371D8 1,51:1 Не проходить

Aa #57B1BC на #CFC897 1,47:1 Не проходить

Aa #9371D8 на #9D5644 1,45:1 Не проходить

Aa #375E76 на #333B8A 1,42:1 Не проходить

Aa #9371D8 на #7D6A56 1,38:1 Не проходить

Aa #B4B2C3 на #9599A8 1,36:1 Не проходить

Aa #7D6A56 на #375E76 1,34:1 Не проходить

Aa #9371D8 на #9599A8 1,32:1 Не проходить

Aa #57B1BC на #AA8D44 1,28:1 Не проходить

Aa #9D5644 на #375E76 1,27:1 Не проходить

Aa #CFC897 на #B4B2C3 1,22:1 Не проходить

Aa #57B1BC на #B4B2C3 1,20:1 Не проходить

Aa #9371D8 на #AA8D44 1,18:1 Не проходить

Aa #57B1BC на #9599A8 1,14:1 Не проходить

Aa #9599A8 на #AA8D44 1,12:1 Не проходить

Aa #9D5644 на #7D6A56 1,06: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 кольори

Fantastic Planet