Реєстрація Реєстрація
TY Royalty 10

TY Royalty 10

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

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

TY Royalty 10

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

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

CSS-змінні

:root {
  --c-earthy-1: #EFC8E2;
  --c-earthy-2: #D5AA59;
  --c-earthy-3: #8D7731;
  --c-earthy-4: #525E38;
  --c-earthy-5: #243E2C;
  --c-earthy-6: #8EA7B6;
  --c-earthy-7: #7D6F7B;
  --c-earthy-8: #875834;
  --c-earthy-9: #404E49;
  --c-earthy-10: #4E4035;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Venetian Rose (#EFC8E2), найсвітлішого тону, до Palm Green (#243E2C), найтемнішого. Вона об'єднує Venetian Rose, Afghan Sand, Aubergine Green, Shallot Leaf, Palm Green, Blue Skylights, Plum Shadow, Burnt Crust, Corduroy та Paco в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #EFC8E2 на #243E2C (7,79:1).

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

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

Venetian Rose #EFC8E2
RGB
rgb(239, 200, 226)
HSL
hsl(320, 55%, 86%)
Яскравість
0,652
Afghan Sand #D5AA59
RGB
rgb(213, 170, 89)
HSL
hsl(39, 60%, 59%)
Яскравість
0,436
Aubergine Green #8D7731
RGB
rgb(141, 119, 49)
HSL
hsl(46, 48%, 37%)
Яскравість
0,191
Shallot Leaf #525E38
RGB
rgb(82, 94, 56)
HSL
hsl(79, 25%, 29%)
Яскравість
0,101
Palm Green #243E2C
RGB
rgb(36, 62, 44)
HSL
hsl(138, 27%, 19%)
Яскравість
0,040
Blue Skylights #8EA7B6
RGB
rgb(142, 167, 182)
HSL
hsl(203, 22%, 64%)
Яскравість
0,368
Plum Shadow #7D6F7B
RGB
rgb(125, 111, 123)
HSL
hsl(309, 6%, 46%)
Яскравість
0,172
Burnt Crust #875834
RGB
rgb(135, 88, 52)
HSL
hsl(26, 44%, 37%)
Яскравість
0,124
Corduroy #404E49
RGB
rgb(64, 78, 73)
HSL
hsl(159, 10%, 28%)
Яскравість
0,070
Paco #4E4035
RGB
rgb(78, 64, 53)
HSL
hsl(26, 19%, 26%)
Яскравість
0,055

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

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

Aa #EFC8E2 на #243E2C 7,79:1 AAA
Aa #EFC8E2 на #4E4035 6,65:1 AA
Aa #EFC8E2 на #404E49 5,84:1 AA
Aa #D5AA59 на #243E2C 5,40:1 AA
Aa #EFC8E2 на #525E38 4,65:1 AA
Aa #243E2C на #8EA7B6 4,64:1 AA
Aa #D5AA59 на #4E4035 4,61:1 AA
Aa #EFC8E2 на #875834 4,04:1 AA, великий текст
Aa #D5AA59 на #404E49 4,04:1 AA, великий текст
Aa #8EA7B6 на #4E4035 3,96:1 AA, великий текст
Aa #8EA7B6 на #404E49 3,47:1 AA, великий текст
Aa #D5AA59 на #525E38 3,22:1 AA, великий текст
Aa #EFC8E2 на #7D6F7B 3,17:1 AA, великий текст
Aa #EFC8E2 на #8D7731 2,91:1 Не проходить
Aa #D5AA59 на #875834 2,80:1 Не проходить
Aa #525E38 на #8EA7B6 2,77:1 Не проходить
Aa #8D7731 на #243E2C 2,67:1 Не проходить
Aa #243E2C на #7D6F7B 2,46:1 Не проходить
Aa #8EA7B6 на #875834 2,40:1 Не проходить
Aa #8D7731 на #4E4035 2,28:1 Не проходить
Aa #D5AA59 на #7D6F7B 2,19:1 Не проходить
Aa #7D6F7B на #4E4035 2,10:1 Не проходить
Aa #D5AA59 на #8D7731 2,02:1 Не проходить
Aa #8D7731 на #404E49 2,00:1 Не проходить
Aa #243E2C на #875834 1,93:1 Не проходить
Aa #8EA7B6 на #7D6F7B 1,88:1 Не проходить
Aa #7D6F7B на #404E49 1,84:1 Не проходить
Aa #8D7731 на #8EA7B6 1,73:1 Не проходить
Aa #EFC8E2 на #8EA7B6 1,68:1 Не проходить
Aa #525E38 на #243E2C 1,68:1 Не проходить
Aa #875834 на #4E4035 1,65:1 Не проходить
Aa #8D7731 на #525E38 1,60:1 Не проходить
Aa #525E38 на #7D6F7B 1,47:1 Не проходить
Aa #875834 на #404E49 1,45:1 Не проходить
Aa #EFC8E2 на #D5AA59 1,44:1 Не проходить
Aa #525E38 на #4E4035 1,43:1 Не проходить
Aa #8D7731 на #875834 1,39:1 Не проходить
Aa #243E2C на #404E49 1,34:1 Не проходить
Aa #7D6F7B на #875834 1,28:1 Не проходить
Aa #525E38 на #404E49 1,25:1 Не проходить
Aa #243E2C на #4E4035 1,17:1 Не проходить
Aa #D5AA59 на #8EA7B6 1,16:1 Не проходить
Aa #525E38 на #875834 1,15:1 Не проходить
Aa #404E49 на #4E4035 1,14:1 Не проходить
Aa #8D7731 на #7D6F7B 1,09: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 кольори