Реєстрація Реєстрація
Sorbet Special

Sorbet Special

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

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

Sorbet Special

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

Редагувати
Землисті 12 кольорів Теплі Змішані Тріадна purple yellow bright icecream
Вподобання 122
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #332233;
  --c-earthy-2: #554466;
  --c-earthy-3: #996688;
  --c-earthy-4: #CC9988;
  --c-earthy-5: #CC9966;
  --c-earthy-6: #AA6677;
  --c-earthy-7: #776677;
  --c-earthy-8: #AA9988;
  --c-earthy-9: #DDCC99;
  --c-earthy-10: #88AA77;
  --c-earthy-11: #667788;
  --c-earthy-12: #88AA99;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Desert Temple (#DDCC99), найсвітлішого тону, до Zero Gravity (#332233), найтемнішого. Вона об'єднує Zero Gravity, Nightly Walk, Garden Aroma, Calliope, Oak Buff, Apple II Rose, Purple Suede, Diversion, Desert Temple, Lush Fields, Space Convoy та Pale Willow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #332233 на #DDCC99 (9,29:1).

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

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

Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Яскравість
0,021
Nightly Walk #554466
RGB
rgb(85, 68, 102)
HSL
hsl(270, 20%, 33%)
Яскравість
0,070
Garden Aroma #996688
RGB
rgb(153, 102, 136)
HSL
hsl(320, 20%, 50%)
Яскравість
0,181
Calliope #CC9988
RGB
rgb(204, 153, 136)
HSL
hsl(15, 40%, 67%)
Яскравість
0,374
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Яскравість
0,366
Apple II Rose #AA6677
RGB
rgb(170, 102, 119)
HSL
hsl(345, 29%, 53%)
Яскравість
0,194
Purple Suede #776677
RGB
rgb(119, 102, 119)
HSL
hsl(300, 8%, 43%)
Яскравість
0,148
Diversion #AA9988
RGB
rgb(170, 153, 136)
HSL
hsl(30, 17%, 60%)
Яскравість
0,331
Desert Temple #DDCC99
RGB
rgb(221, 204, 153)
HSL
hsl(45, 50%, 73%)
Яскравість
0,609
Lush Fields #88AA77
RGB
rgb(136, 170, 119)
HSL
hsl(100, 23%, 57%)
Яскравість
0,353
Space Convoy #667788
RGB
rgb(102, 119, 136)
HSL
hsl(210, 14%, 47%)
Яскравість
0,178
Pale Willow #88AA99
RGB
rgb(136, 170, 153)
HSL
hsl(150, 17%, 60%)
Яскравість
0,363

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

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

Aa #332233 на #DDCC99 9,29:1 AAA
Aa #332233 на #CC9988 5,98:1 AA
Aa #332233 на #CC9966 5,87:1 AA
Aa #332233 на #88AA99 5,83:1 AA
Aa #332233 на #88AA77 5,69:1 AA
Aa #554466 на #DDCC99 5,48:1 AA
Aa #332233 на #AA9988 5,38:1 AA
Aa #554466 на #CC9988 3,53:1 AA, великий текст
Aa #554466 на #CC9966 3,46:1 AA, великий текст
Aa #332233 на #AA6677 3,44:1 AA, великий текст
Aa #554466 на #88AA99 3,43:1 AA, великий текст
Aa #554466 на #88AA77 3,35:1 AA, великий текст
Aa #776677 на #DDCC99 3,33:1 AA, великий текст
Aa #332233 на #996688 3,25:1 AA, великий текст
Aa #332233 на #667788 3,22:1 AA, великий текст
Aa #554466 на #AA9988 3,17:1 AA, великий текст
Aa #DDCC99 на #667788 2,89:1 Не проходить
Aa #996688 на #DDCC99 2,86:1 Не проходить
Aa #332233 на #776677 2,79:1 Не проходить
Aa #AA6677 на #DDCC99 2,70:1 Не проходить
Aa #CC9988 на #776677 2,15:1 Не проходить
Aa #CC9966 на #776677 2,10:1 Не проходить
Aa #776677 на #88AA99 2,09:1 Не проходить
Aa #776677 на #88AA77 2,04:1 Не проходить
Aa #554466 на #AA6677 2,03:1 Не проходить
Aa #776677 на #AA9988 1,93:1 Не проходить
Aa #554466 на #996688 1,92:1 Не проходить
Aa #554466 на #667788 1,90:1 Не проходить
Aa #CC9988 на #667788 1,86:1 Не проходить
Aa #996688 на #CC9988 1,84:1 Не проходить
Aa #CC9966 на #667788 1,82:1 Не проходить
Aa #667788 на #88AA99 1,81:1 Не проходить
Aa #996688 на #CC9966 1,80:1 Не проходить
Aa #996688 на #88AA99 1,79:1 Не проходить
Aa #88AA77 на #667788 1,77:1 Не проходить
Aa #996688 на #88AA77 1,75:1 Не проходить
Aa #CC9988 на #AA6677 1,74:1 Не проходить
Aa #AA9988 на #DDCC99 1,73:1 Не проходить
Aa #CC9966 на #AA6677 1,71:1 Не проходить
Aa #332233 на #554466 1,70:1 Не проходить
Aa #AA6677 на #88AA99 1,69:1 Не проходить
Aa #AA9988 на #667788 1,67:1 Не проходить
Aa #996688 на #AA9988 1,65:1 Не проходить
Aa #AA6677 на #88AA77 1,65:1 Не проходить
Aa #554466 на #776677 1,64:1 Не проходить
Aa #DDCC99 на #88AA77 1,63:1 Не проходить
Aa #DDCC99 на #88AA99 1,60:1 Не проходить
Aa #CC9966 на #DDCC99 1,58:1 Не проходить
Aa #AA6677 на #AA9988 1,56:1 Не проходить
Aa #CC9988 на #DDCC99 1,55:1 Не проходить
Aa #AA6677 на #776677 1,23:1 Не проходить
Aa #996688 на #776677 1,17:1 Не проходить
Aa #776677 на #667788 1,15:1 Не проходить
Aa #CC9988 на #AA9988 1,11:1 Не проходить
Aa #CC9966 на #AA9988 1,09:1 Не проходить
Aa #AA9988 на #88AA99 1,08:1 Не проходить
Aa #AA6677 на #667788 1,07:1 Не проходить
Aa #996688 на #AA6677 1,06:1 Не проходить
Aa #AA9988 на #88AA77 1,06:1 Не проходить
Aa #CC9988 на #88AA77 1,05:1 Не проходить
Aa #CC9988 на #88AA99 1,03:1 Не проходить
Aa #CC9966 на #88AA77 1,03:1 Не проходить
Aa #CC9988 на #CC9966 1,02:1 Не проходить
Aa #88AA77 на #88AA99 1,02:1 Не проходить
Aa #996688 на #667788 1,01:1 Не проходить
Aa #CC9966 на #88AA99 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 кольори