Реєстрація Реєстрація
HarrisThoth 12

HarrisThoth 12

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

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

HarrisThoth 12

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна desaturated tarot septemberstudypalettecontest
Вподобання 85
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #B6B8AD;
  --c-earthy-2: #BBA06B;
  --c-earthy-3: #AE5744;
  --c-earthy-4: #5E1823;
  --c-earthy-5: #8DA08D;
  --c-earthy-6: #5E7E4F;
  --c-earthy-7: #0A434C;
  --c-earthy-8: #43717E;
  --c-earthy-9: #8B7395;
  --c-earthy-10: #6B4859;
  --c-earthy-11: #987526;
  --c-earthy-12: #11151E;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Stone Mill (#B6B8AD), найсвітлішого тону, до Kuroi Black (#11151E), найтемнішого. Вона об'єднує Stone Mill, Buffalo Hide, Glowing Firelight, Spinel Red, Hillside View, Glade Green, Incubi Darkness, Flip, Self Powered, Magos, Mulberry Brown та Kuroi Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #B6B8AD на #11151E (9,09:1).

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

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

Stone Mill #B6B8AD
RGB
rgb(182, 184, 173)
HSL
hsl(71, 7%, 70%)
Яскравість
0,472
Buffalo Hide #BBA06B
RGB
rgb(187, 160, 107)
HSL
hsl(40, 37%, 58%)
Яскравість
0,368
Glowing Firelight #AE5744
RGB
rgb(174, 87, 68)
HSL
hsl(11, 44%, 47%)
Яскравість
0,162
Spinel Red #5E1823
RGB
rgb(94, 24, 35)
HSL
hsl(351, 59%, 23%)
Яскравість
0,032
Hillside View #8DA08D
RGB
rgb(141, 160, 141)
HSL
hsl(120, 9%, 59%)
Яскравість
0,327
Glade Green #5E7E4F
RGB
rgb(94, 126, 79)
HSL
hsl(101, 23%, 40%)
Яскравість
0,179
Incubi Darkness #0A434C
RGB
rgb(10, 67, 76)
HSL
hsl(188, 77%, 17%)
Яскравість
0,046
Flip #43717E
RGB
rgb(67, 113, 126)
HSL
hsl(193, 31%, 38%)
Яскравість
0,145
Self Powered #8B7395
RGB
rgb(139, 115, 149)
HSL
hsl(282, 14%, 52%)
Яскравість
0,199
Magos #6B4859
RGB
rgb(107, 72, 89)
HSL
hsl(331, 20%, 35%)
Яскравість
0,085
Mulberry Brown #987526
RGB
rgb(152, 117, 38)
HSL
hsl(42, 60%, 37%)
Яскравість
0,195
Kuroi Black #11151E
RGB
rgb(17, 21, 30)
HSL
hsl(222, 28%, 9%)
Яскравість
0,008

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

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

Aa #B6B8AD на #11151E 9,09:1 AAA
Aa #BBA06B на #11151E 7,26:1 AAA
Aa #8DA08D на #11151E 6,56:1 AA
Aa #B6B8AD на #5E1823 6,41:1 AA
Aa #B6B8AD на #0A434C 5,44:1 AA
Aa #BBA06B на #5E1823 5,12:1 AA
Aa #5E1823 на #8DA08D 4,63:1 AA
Aa #BBA06B на #0A434C 4,35:1 AA, великий текст
Aa #8B7395 на #11151E 4,33:1 AA, великий текст
Aa #987526 на #11151E 4,27:1 AA, великий текст
Aa #5E7E4F на #11151E 3,98:1 AA, великий текст
Aa #8DA08D на #0A434C 3,93:1 AA, великий текст
Aa #B6B8AD на #6B4859 3,88:1 AA, великий текст
Aa #AE5744 на #11151E 3,69:1 AA, великий текст
Aa #43717E на #11151E 3,39:1 AA, великий текст
Aa #BBA06B на #6B4859 3,10:1 AA, великий текст
Aa #5E1823 на #8B7395 3,06:1 AA, великий текст
Aa #5E1823 на #987526 3,01:1 AA, великий текст
Aa #5E1823 на #5E7E4F 2,80:1 Не проходить
Aa #8DA08D на #6B4859 2,80:1 Не проходить
Aa #B6B8AD на #43717E 2,68:1 Не проходить
Aa #AE5744 на #5E1823 2,60:1 Не проходить
Aa #0A434C на #8B7395 2,60:1 Не проходить
Aa #0A434C на #987526 2,56:1 Не проходить
Aa #B6B8AD на #AE5744 2,46:1 Не проходить
Aa #5E1823 на #43717E 2,39:1 Не проходить
Aa #5E7E4F на #0A434C 2,38:1 Не проходить
Aa #6B4859 на #11151E 2,34:1 Не проходить
Aa #B6B8AD на #5E7E4F 2,28:1 Не проходить
Aa #AE5744 на #0A434C 2,21:1 Не проходить
Aa #BBA06B на #43717E 2,14:1 Не проходить
Aa #B6B8AD на #987526 2,13:1 Не проходить
Aa #B6B8AD на #8B7395 2,10:1 Не проходить
Aa #0A434C на #43717E 2,03:1 Не проходить
Aa #BBA06B на #AE5744 1,97:1 Не проходить
Aa #8DA08D на #43717E 1,93:1 Не проходить
Aa #8B7395 на #6B4859 1,85:1 Не проходить
Aa #BBA06B на #5E7E4F 1,83:1 Не проходить
Aa #6B4859 на #987526 1,82:1 Не проходить
Aa #AE5744 на #8DA08D 1,78:1 Не проходить
Aa #BBA06B на #987526 1,70:1 Не проходить
Aa #5E7E4F на #6B4859 1,70:1 Не проходить
Aa #BBA06B на #8B7395 1,68:1 Не проходить
Aa #0A434C на #11151E 1,67:1 Не проходить
Aa #5E1823 на #6B4859 1,65:1 Не проходить
Aa #8DA08D на #5E7E4F 1,65:1 Не проходить
Aa #AE5744 на #6B4859 1,57:1 Не проходить
Aa #8DA08D на #987526 1,54:1 Не проходить
Aa #8DA08D на #8B7395 1,51:1 Не проходить
Aa #43717E на #6B4859 1,45:1 Не проходить
Aa #5E1823 на #11151E 1,42:1 Не проходить
Aa #0A434C на #6B4859 1,40:1 Не проходить
Aa #B6B8AD на #8DA08D 1,38:1 Не проходить
Aa #43717E на #8B7395 1,28:1 Не проходить
Aa #43717E на #987526 1,26:1 Не проходить
Aa #B6B8AD на #BBA06B 1,25:1 Не проходить
Aa #5E1823 на #0A434C 1,18:1 Не проходить
Aa #AE5744 на #8B7395 1,17:1 Не проходить
Aa #5E7E4F на #43717E 1,17:1 Не проходить
Aa #AE5744 на #987526 1,16:1 Не проходить
Aa #BBA06B на #8DA08D 1,11:1 Не проходить
Aa #AE5744 на #43717E 1,09:1 Не проходить
Aa #5E7E4F на #8B7395 1,09:1 Не проходить
Aa #AE5744 на #5E7E4F 1,08:1 Не проходить
Aa #5E7E4F на #987526 1,07:1 Не проходить
Aa #8B7395 на #987526 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 кольори