Реєстрація Реєстрація
Darkberry

Darkberry

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

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

Darkberry

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

Редагувати
Землисті 8 кольорів Холодні Змішані Комплементарна simple dark red blue
Вподобання 80
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #221228;
  --c-earthy-2: #652654;
  --c-earthy-3: #9E3455;
  --c-earthy-4: #E56349;
  --c-earthy-5: #35377C;
  --c-earthy-6: #3D65A1;
  --c-earthy-7: #60A4B5;
  --c-earthy-8: #86DEC3;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Fresh Mist (#86DEC3), найсвітлішого тону, до Inside (#221228), найтемнішого. Вона об'єднує Inside, Velvet Mauve, Raspberry Ice Red, Heirloom Blush, Ballpoint Indigo, Mariner, Seaside та Fresh Mist в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #221228 на #86DEC3 (11,18:1).

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

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

Inside #221228
RGB
rgb(34, 18, 40)
HSL
hsl(284, 38%, 11%)
Яскравість
0,009
Velvet Mauve #652654
RGB
rgb(101, 38, 84)
HSL
hsl(316, 45%, 27%)
Яскравість
0,048
Raspberry Ice Red #9E3455
RGB
rgb(158, 52, 85)
HSL
hsl(341, 50%, 41%)
Яскравість
0,104
Heirloom Blush #E56349
RGB
rgb(229, 99, 73)
HSL
hsl(10, 75%, 59%)
Яскравість
0,261
Ballpoint Indigo #35377C
RGB
rgb(53, 55, 124)
HSL
hsl(238, 40%, 35%)
Яскравість
0,049
Mariner #3D65A1
RGB
rgb(61, 101, 161)
HSL
hsl(216, 45%, 44%)
Яскравість
0,129
Seaside #60A4B5
RGB
rgb(96, 164, 181)
HSL
hsl(192, 36%, 54%)
Яскравість
0,324
Fresh Mist #86DEC3
RGB
rgb(134, 222, 195)
HSL
hsl(162, 57%, 70%)
Яскравість
0,613

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

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

Aa #221228 на #86DEC3 11,18:1 AAA
Aa #652654 на #86DEC3 6,77:1 AA
Aa #35377C на #86DEC3 6,66:1 AA
Aa #221228 на #60A4B5 6,31:1 AA
Aa #221228 на #E56349 5,24:1 AA
Aa #9E3455 на #86DEC3 4,31:1 AA, великий текст
Aa #652654 на #60A4B5 3,82:1 AA, великий текст
Aa #35377C на #60A4B5 3,76:1 AA, великий текст
Aa #3D65A1 на #86DEC3 3,71:1 AA, великий текст
Aa #652654 на #E56349 3,17:1 AA, великий текст
Aa #E56349 на #35377C 3,12:1 AA, великий текст
Aa #221228 на #3D65A1 3,02:1 AA, великий текст
Aa #221228 на #9E3455 2,60:1 Не проходить
Aa #9E3455 на #60A4B5 2,43:1 Не проходить
Aa #E56349 на #86DEC3 2,13:1 Не проходить
Aa #3D65A1 на #60A4B5 2,09:1 Не проходить
Aa #9E3455 на #E56349 2,02:1 Не проходить
Aa #652654 на #3D65A1 1,83:1 Не проходить
Aa #35377C на #3D65A1 1,80:1 Не проходить
Aa #60A4B5 на #86DEC3 1,77:1 Не проходить
Aa #E56349 на #3D65A1 1,74:1 Не проходить
Aa #221228 на #35377C 1,68:1 Не проходить
Aa #221228 на #652654 1,65:1 Не проходить
Aa #652654 на #9E3455 1,57:1 Не проходить
Aa #9E3455 на #35377C 1,55:1 Не проходить
Aa #E56349 на #60A4B5 1,20:1 Не проходить
Aa #9E3455 на #3D65A1 1,16:1 Не проходить
Aa #652654 на #35377C 1,02:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори