Реєстрація Реєстрація
GZXP

GZXP

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

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

GZXP

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

Редагувати
Землисті 11 кольорів Теплі Змішані Тріадна artist grafxkid
Вподобання 12
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #AD9BA8;
  --c-earthy-3: #F3EAD7;
  --c-earthy-4: #9F253F;
  --c-earthy-5: #DA6252;
  --c-earthy-6: #AA7C14;
  --c-earthy-7: #E8CA00;
  --c-earthy-8: #006A14;
  --c-earthy-9: #0EAF03;
  --c-earthy-10: #1F1DAF;
  --c-earthy-11: #4458D6;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Privileged (#F3EAD7), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Laylock, Privileged, Velvet Cake, Track and Field, Brazen, Wild Honey, Zelyony Green, Always Greener Grass, Sapphire Splendour та Warm Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #000000 на #F3EAD7 (17,56:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Laylock #AD9BA8
RGB
rgb(173, 155, 168)
HSL
hsl(317, 10%, 64%)
Яскравість
0,352
Privileged #F3EAD7
RGB
rgb(243, 234, 215)
HSL
hsl(41, 54%, 90%)
Яскравість
0,828
Velvet Cake #9F253F
RGB
rgb(159, 37, 63)
HSL
hsl(347, 62%, 38%)
Яскравість
0,091
Track and Field #DA6252
RGB
rgb(218, 98, 82)
HSL
hsl(7, 65%, 59%)
Яскравість
0,243
Brazen #AA7C14
RGB
rgb(170, 124, 20)
HSL
hsl(42, 79%, 37%)
Яскравість
0,230
Wild Honey #E8CA00
RGB
rgb(232, 202, 0)
HSL
hsl(52, 100%, 45%)
Яскравість
0,594
Zelyony Green #006A14
RGB
rgb(0, 106, 20)
HSL
hsl(131, 100%, 21%)
Яскравість
0,104
Always Greener Grass #0EAF03
RGB
rgb(14, 175, 3)
HSL
hsl(116, 97%, 35%)
Яскравість
0,308
Sapphire Splendour #1F1DAF
RGB
rgb(31, 29, 175)
HSL
hsl(241, 72%, 40%)
Яскравість
0,043
Warm Blue #4458D6
RGB
rgb(68, 88, 214)
HSL
hsl(232, 64%, 55%)
Яскравість
0,131

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

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

Aa #000000 на #F3EAD7 17,56:1 AAA
Aa #000000 на #E8CA00 12,88:1 AAA
Aa #F3EAD7 на #1F1DAF 9,48:1 AAA
Aa #000000 на #AD9BA8 8,03:1 AAA
Aa #000000 на #0EAF03 7,15:1 AAA
Aa #E8CA00 на #1F1DAF 6,95:1 AA
Aa #F3EAD7 на #9F253F 6,25:1 AA
Aa #000000 на #DA6252 5,85:1 AA
Aa #F3EAD7 на #006A14 5,72:1 AA
Aa #000000 на #AA7C14 5,60:1 AA
Aa #F3EAD7 на #4458D6 4,86:1 AA
Aa #9F253F на #E8CA00 4,58:1 AA
Aa #AD9BA8 на #1F1DAF 4,33:1 AA, великий текст
Aa #E8CA00 на #006A14 4,19:1 AA, великий текст
Aa #0EAF03 на #1F1DAF 3,86:1 AA, великий текст
Aa #000000 на #4458D6 3,61:1 AA, великий текст
Aa #E8CA00 на #4458D6 3,57:1 AA, великий текст
Aa #DA6252 на #1F1DAF 3,16:1 AA, великий текст
Aa #F3EAD7 на #AA7C14 3,13:1 AA, великий текст
Aa #000000 на #006A14 3,07:1 AA, великий текст
Aa #AA7C14 на #1F1DAF 3,02:1 AA, великий текст
Aa #F3EAD7 на #DA6252 3,00:1 AA, великий текст
Aa #AD9BA8 на #9F253F 2,86:1 Не проходить
Aa #000000 на #9F253F 2,81:1 Не проходить
Aa #AD9BA8 на #006A14 2,61:1 Не проходить
Aa #9F253F на #0EAF03 2,54:1 Не проходить
Aa #F3EAD7 на #0EAF03 2,46:1 Не проходить
Aa #006A14 на #0EAF03 2,33:1 Не проходить
Aa #AA7C14 на #E8CA00 2,30:1 Не проходить
Aa #AD9BA8 на #4458D6 2,22:1 Не проходить
Aa #DA6252 на #E8CA00 2,20:1 Не проходить
Aa #AD9BA8 на #F3EAD7 2,19:1 Не проходить
Aa #9F253F на #DA6252 2,08:1 Не проходить
Aa #9F253F на #AA7C14 1,99:1 Не проходить
Aa #0EAF03 на #4458D6 1,98:1 Не проходить
Aa #1F1DAF на #4458D6 1,95:1 Не проходить
Aa #DA6252 на #006A14 1,90:1 Не проходить
Aa #000000 на #1F1DAF 1,85:1 Не проходить
Aa #AA7C14 на #006A14 1,82:1 Не проходить
Aa #E8CA00 на #0EAF03 1,80:1 Не проходить
Aa #006A14 на #1F1DAF 1,66:1 Не проходить
Aa #DA6252 на #4458D6 1,62:1 Не проходить
Aa #AD9BA8 на #E8CA00 1,60:1 Не проходить
Aa #AA7C14 на #4458D6 1,55:1 Не проходить
Aa #9F253F на #1F1DAF 1,52:1 Не проходить
Aa #AD9BA8 на #AA7C14 1,43:1 Не проходить
Aa #AD9BA8 на #DA6252 1,37:1 Не проходить
Aa #F3EAD7 на #E8CA00 1,36:1 Не проходить
Aa #9F253F на #4458D6 1,29:1 Не проходить
Aa #AA7C14 на #0EAF03 1,28:1 Не проходить
Aa #DA6252 на #0EAF03 1,22:1 Не проходить
Aa #006A14 на #4458D6 1,18:1 Не проходить
Aa #AD9BA8 на #0EAF03 1,12:1 Не проходить
Aa #9F253F на #006A14 1,09:1 Не проходить
Aa #DA6252 на #AA7C14 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 кольори