Реєстрація Реєстрація
TY Kings & Queens 10

TY Kings & Queens 10

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

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

TY Kings & Queens 10

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

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

CSS-змінні

:root {
  --c-earthy-1: #D5B093;
  --c-earthy-2: #CA9A57;
  --c-earthy-3: #A76B24;
  --c-earthy-4: #72411B;
  --c-earthy-5: #3C1402;
  --c-earthy-6: #A77652;
  --c-earthy-7: #6D5A44;
  --c-earthy-8: #4E3D3F;
  --c-earthy-9: #342523;
  --c-earthy-10: #000000;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Mellow Buff (#D5B093), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Mellow Buff, Sugar Glazed Cashew, Theatre Gold, Walnut, American Bronze, Balthasar Gold, Baby Bear, Crater Brown, Hornblende та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #D5B093 на #000000 (10,46:1).

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

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

Mellow Buff #D5B093
RGB
rgb(213, 176, 147)
HSL
hsl(26, 44%, 71%)
Яскравість
0,473
Sugar Glazed Cashew #CA9A57
RGB
rgb(202, 154, 87)
HSL
hsl(35, 52%, 57%)
Яскравість
0,364
Theatre Gold #A76B24
RGB
rgb(167, 107, 36)
HSL
hsl(33, 65%, 40%)
Яскравість
0,189
Walnut #72411B
RGB
rgb(114, 65, 27)
HSL
hsl(26, 62%, 28%)
Яскравість
0,074
American Bronze #3C1402
RGB
rgb(60, 20, 2)
HSL
hsl(19, 94%, 12%)
Яскравість
0,015
Balthasar Gold #A77652
RGB
rgb(167, 118, 82)
HSL
hsl(25, 34%, 49%)
Яскравість
0,218
Baby Bear #6D5A44
RGB
rgb(109, 90, 68)
HSL
hsl(32, 23%, 35%)
Яскравість
0,110
Crater Brown #4E3D3F
RGB
rgb(78, 61, 63)
HSL
hsl(353, 12%, 27%)
Яскравість
0,053
Hornblende #342523
RGB
rgb(52, 37, 35)
HSL
hsl(7, 20%, 17%)
Яскравість
0,022
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000

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

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

Aa #D5B093 на #000000 10,46:1 AAA
Aa #CA9A57 на #000000 8,27:1 AAA
Aa #D5B093 на #3C1402 8,09:1 AAA
Aa #D5B093 на #342523 7,29:1 AAA
Aa #CA9A57 на #3C1402 6,40:1 AA
Aa #CA9A57 на #342523 5,76:1 AA
Aa #A77652 на #000000 5,36:1 AA
Aa #D5B093 на #4E3D3F 5,07:1 AA
Aa #A76B24 на #000000 4,77:1 AA
Aa #D5B093 на #72411B 4,21:1 AA, великий текст
Aa #3C1402 на #A77652 4,14:1 AA, великий текст
Aa #CA9A57 на #4E3D3F 4,01:1 AA, великий текст
Aa #A77652 на #342523 3,73:1 AA, великий текст
Aa #A76B24 на #3C1402 3,69:1 AA, великий текст
Aa #CA9A57 на #72411B 3,33:1 AA, великий текст
Aa #A76B24 на #342523 3,33:1 AA, великий текст
Aa #D5B093 на #6D5A44 3,27:1 AA, великий текст
Aa #6D5A44 на #000000 3,20:1 AA, великий текст
Aa #A77652 на #4E3D3F 2,60:1 Не проходить
Aa #CA9A57 на #6D5A44 2,59:1 Не проходить
Aa #72411B на #000000 2,49:1 Не проходить
Aa #3C1402 на #6D5A44 2,47:1 Не проходить
Aa #A76B24 на #4E3D3F 2,31:1 Не проходить
Aa #6D5A44 на #342523 2,23:1 Не проходить
Aa #D5B093 на #A76B24 2,19:1 Не проходить
Aa #72411B на #A77652 2,15:1 Не проходить
Aa #4E3D3F на #000000 2,06:1 Не проходить
Aa #D5B093 на #A77652 1,95:1 Не проходить
Aa #A76B24 на #72411B 1,92:1 Не проходить
Aa #72411B на #3C1402 1,92:1 Не проходить
Aa #CA9A57 на #A76B24 1,73:1 Не проходить
Aa #72411B на #342523 1,73:1 Не проходить
Aa #A77652 на #6D5A44 1,68:1 Не проходить
Aa #3C1402 на #4E3D3F 1,60:1 Не проходить
Aa #6D5A44 на #4E3D3F 1,55:1 Не проходить
Aa #CA9A57 на #A77652 1,54:1 Не проходить
Aa #A76B24 на #6D5A44 1,49:1 Не проходить
Aa #4E3D3F на #342523 1,44:1 Не проходить
Aa #342523 на #000000 1,43:1 Не проходить
Aa #3C1402 на #000000 1,29:1 Не проходить
Aa #72411B на #6D5A44 1,28:1 Не проходить
Aa #D5B093 на #CA9A57 1,26:1 Не проходить
Aa #72411B на #4E3D3F 1,21:1 Не проходить
Aa #A76B24 на #A77652 1,12:1 Не проходить
Aa #3C1402 на #342523 1,11: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 кольори