Реєстрація Реєстрація
TY Monster Dungeons 11

TY Monster Dungeons 11

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

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

TY Monster Dungeons 11

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

Редагувати
Землисті 11 кольорів Теплі Змішані Комплементарна monster game rpg dungeon
Вподобання 13
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #8FBFD5;
  --c-earthy-2: #8385CF;
  --c-earthy-3: #7655A2;
  --c-earthy-4: #313A91;
  --c-earthy-5: #CD9373;
  --c-earthy-6: #B14863;
  --c-earthy-7: #913131;
  --c-earthy-8: #EDE6C8;
  --c-earthy-9: #808078;
  --c-earthy-10: #485454;
  --c-earthy-11: #373A3E;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Button Mushroom (#EDE6C8), найсвітлішого тону, до Artist’s Charcoal (#373A3E), найтемнішого. Вона об'єднує Speedboat, True Lavender, Sumire Violet, Liquid Denim, Feldspar, Gala Pink, Ripasso, Button Mushroom, Porcelain Shale, Slate Court та Artist’s Charcoal в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #EDE6C8 на #373A3E (9,12:1).

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

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

Speedboat #8FBFD5
RGB
rgb(143, 191, 213)
HSL
hsl(199, 45%, 70%)
Яскравість
0,479
True Lavender #8385CF
RGB
rgb(131, 133, 207)
HSL
hsl(238, 44%, 66%)
Яскравість
0,261
Sumire Violet #7655A2
RGB
rgb(118, 85, 162)
HSL
hsl(266, 31%, 48%)
Яскравість
0,130
Liquid Denim #313A91
RGB
rgb(49, 58, 145)
HSL
hsl(234, 49%, 38%)
Яскравість
0,057
Feldspar #CD9373
RGB
rgb(205, 147, 115)
HSL
hsl(21, 47%, 63%)
Яскравість
0,351
Gala Pink #B14863
RGB
rgb(177, 72, 99)
HSL
hsl(345, 42%, 49%)
Яскравість
0,149
Ripasso #913131
RGB
rgb(145, 49, 49)
HSL
hsl(0, 49%, 38%)
Яскравість
0,084
Button Mushroom #EDE6C8
RGB
rgb(237, 230, 200)
HSL
hsl(49, 51%, 86%)
Яскравість
0,788
Porcelain Shale #808078
RGB
rgb(128, 128, 120)
HSL
hsl(60, 3%, 49%)
Яскравість
0,214
Slate Court #485454
RGB
rgb(72, 84, 84)
HSL
hsl(180, 8%, 31%)
Яскравість
0,084
Artist’s Charcoal #373A3E
RGB
rgb(55, 58, 62)
HSL
hsl(214, 6%, 23%)
Яскравість
0,042

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

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

Aa #EDE6C8 на #373A3E 9,12:1 AAA
Aa #313A91 на #EDE6C8 7,81:1 AAA
Aa #EDE6C8 на #485454 6,27:1 AA
Aa #913131 на #EDE6C8 6,23:1 AA
Aa #8FBFD5 на #373A3E 5,76:1 AA
Aa #8FBFD5 на #313A91 4,93:1 AA
Aa #7655A2 на #EDE6C8 4,66:1 AA
Aa #CD9373 на #373A3E 4,36:1 AA, великий текст
Aa #B14863 на #EDE6C8 4,21:1 AA, великий текст
Aa #8FBFD5 на #485454 3,96:1 AA, великий текст
Aa #8FBFD5 на #913131 3,94:1 AA, великий текст
Aa #313A91 на #CD9373 3,74:1 AA, великий текст
Aa #8385CF на #373A3E 3,39:1 AA, великий текст
Aa #EDE6C8 на #808078 3,18:1 AA, великий текст
Aa #CD9373 на #485454 3,00:1 AA, великий текст
Aa #CD9373 на #913131 2,98:1 Не проходить
Aa #8FBFD5 на #7655A2 2,95:1 Не проходить
Aa #8385CF на #313A91 2,90:1 Не проходить
Aa #808078 на #373A3E 2,87:1 Не проходить
Aa #8385CF на #EDE6C8 2,69:1 Не проходить
Aa #8FBFD5 на #B14863 2,66:1 Не проходить
Aa #313A91 на #808078 2,46:1 Не проходить
Aa #8385CF на #485454 2,33:1 Не проходить
Aa #8385CF на #913131 2,31:1 Не проходить
Aa #7655A2 на #CD9373 2,23:1 Не проходить
Aa #B14863 на #373A3E 2,16:1 Не проходить
Aa #CD9373 на #EDE6C8 2,09:1 Не проходить
Aa #CD9373 на #B14863 2,02:1 Не проходить
Aa #8FBFD5 на #808078 2,01:1 Не проходить
Aa #808078 на #485454 1,98:1 Не проходить
Aa #913131 на #808078 1,96:1 Не проходить
Aa #7655A2 на #373A3E 1,95:1 Не проходить
Aa #313A91 на #B14863 1,85:1 Не проходить
Aa #8385CF на #7655A2 1,73:1 Не проходить
Aa #8FBFD5 на #8385CF 1,70:1 Не проходить
Aa #7655A2 на #313A91 1,67:1 Не проходить
Aa #8FBFD5 на #EDE6C8 1,58:1 Не проходить
Aa #8385CF на #B14863 1,56:1 Не проходить
Aa #CD9373 на #808078 1,52:1 Не проходить
Aa #B14863 на #485454 1,49:1 Не проходить
Aa #B14863 на #913131 1,48:1 Не проходить
Aa #7655A2 на #808078 1,47:1 Не проходить
Aa #913131 на #373A3E 1,46:1 Не проходить
Aa #485454 на #373A3E 1,45:1 Не проходить
Aa #7655A2 на #913131 1,34:1 Не проходить
Aa #7655A2 на #485454 1,34:1 Не проходить
Aa #B14863 на #808078 1,33:1 Не проходить
Aa #8FBFD5 на #CD9373 1,32:1 Не проходить
Aa #8385CF на #CD9373 1,29:1 Не проходить
Aa #313A91 на #913131 1,25:1 Не проходить
Aa #313A91 на #485454 1,25:1 Не проходить
Aa #8385CF на #808078 1,18:1 Не проходить
Aa #313A91 на #373A3E 1,17:1 Не проходить
Aa #7655A2 на #B14863 1,11:1 Не проходить
Aa #913131 на #485454 1,01: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 кольори