Реєстрація Реєстрація
Lite Brite

Lite Brite

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

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

Lite Brite

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

Редагувати
Землисті 7 кольорів Нейтральні Змішані Комплементарна color light litebrite toy
Вподобання 21
Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #383836;
  --c-earthy-2: #65A0C6;
  --c-earthy-3: #97C456;
  --c-earthy-4: #CB5F9A;
  --c-earthy-5: #DEA87B;
  --c-earthy-6: #F5F691;
  --c-earthy-7: #F3F8FB;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Distant Horizon (#F3F8FB), найсвітлішого тону, до Lacquered Liquorice (#383836), найтемнішого. Вона об'єднує Lacquered Liquorice, Scott Base, Cabbage Patch, Phlox Pink, Thai Ice Tea, Milan та Distant Horizon в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #383836 на #F3F8FB (10,98:1).

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

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

Lacquered Liquorice #383836
RGB
rgb(56, 56, 54)
HSL
hsl(60, 2%, 22%)
Яскравість
0,039
Scott Base #65A0C6
RGB
rgb(101, 160, 198)
HSL
hsl(204, 46%, 59%)
Яскравість
0,320
Cabbage Patch #97C456
RGB
rgb(151, 196, 86)
HSL
hsl(85, 48%, 55%)
Яскравість
0,467
Phlox Pink #CB5F9A
RGB
rgb(203, 95, 154)
HSL
hsl(327, 51%, 58%)
Яскравість
0,232
Thai Ice Tea #DEA87B
RGB
rgb(222, 168, 123)
HSL
hsl(27, 60%, 68%)
Яскравість
0,450
Milan #F5F691
RGB
rgb(245, 246, 145)
HSL
hsl(61, 85%, 77%)
Яскравість
0,874
Distant Horizon #F3F8FB
RGB
rgb(243, 248, 251)
HSL
hsl(203, 50%, 97%)
Яскравість
0,932

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

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

Aa #383836 на #F3F8FB 10,98:1 AAA
Aa #383836 на #F5F691 10,34:1 AAA
Aa #383836 на #97C456 5,79:1 AA
Aa #383836 на #DEA87B 5,59:1 AA
Aa #383836 на #65A0C6 4,14:1 AA, великий текст
Aa #CB5F9A на #F3F8FB 3,48:1 AA, великий текст
Aa #CB5F9A на #F5F691 3,27:1 AA, великий текст
Aa #383836 на #CB5F9A 3,16:1 AA, великий текст
Aa #65A0C6 на #F3F8FB 2,65:1 Не проходить
Aa #65A0C6 на #F5F691 2,50:1 Не проходить
Aa #DEA87B на #F3F8FB 1,96:1 Не проходить
Aa #97C456 на #F3F8FB 1,90:1 Не проходить
Aa #DEA87B на #F5F691 1,85:1 Не проходить
Aa #97C456 на #CB5F9A 1,83:1 Не проходить
Aa #97C456 на #F5F691 1,79:1 Не проходить
Aa #CB5F9A на #DEA87B 1,77:1 Не проходить
Aa #65A0C6 на #97C456 1,40:1 Не проходить
Aa #65A0C6 на #DEA87B 1,35:1 Не проходить
Aa #65A0C6 на #CB5F9A 1,31:1 Не проходить
Aa #F5F691 на #F3F8FB 1,06:1 Не проходить
Aa #97C456 на #DEA87B 1,04:1 Не проходить

Схожі палітри

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори