Реєстрація Реєстрація
S Lucky

S Lucky

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

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

S Lucky

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

Редагувати
Землисті 7 кольорів Холодні Змішані Комплементарна 7 artist colorful anubiarts
Вподобання 84
Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #AB6187;
  --c-earthy-2: #EBC686;
  --c-earthy-3: #D8E8E6;
  --c-earthy-4: #65DB73;
  --c-earthy-5: #709DCF;
  --c-earthy-6: #5A687D;
  --c-earthy-7: #211E33;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Frozen Mint (#D8E8E6), найсвітлішого тону, до Black Howl (#211E33), найтемнішого. Вона об'єднує Wild Mulberry, Garbanzo Paste, Frozen Mint, Pastel Green, Ice Blue, Spinning Blue та Black Howl в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #D8E8E6 на #211E33 (12,79:1).

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

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

Wild Mulberry #AB6187
RGB
rgb(171, 97, 135)
HSL
hsl(329, 31%, 53%)
Яскравість
0,190
Garbanzo Paste #EBC686
RGB
rgb(235, 198, 134)
HSL
hsl(38, 72%, 72%)
Яскравість
0,598
Frozen Mint #D8E8E6
RGB
rgb(216, 232, 230)
HSL
hsl(173, 26%, 88%)
Яскравість
0,780
Pastel Green #65DB73
RGB
rgb(101, 219, 115)
HSL
hsl(127, 62%, 63%)
Яскравість
0,547
Ice Blue #709DCF
RGB
rgb(112, 157, 207)
HSL
hsl(212, 50%, 63%)
Яскравість
0,321
Spinning Blue #5A687D
RGB
rgb(90, 104, 125)
HSL
hsl(216, 16%, 42%)
Яскравість
0,136
Black Howl #211E33
RGB
rgb(33, 30, 51)
HSL
hsl(249, 26%, 16%)
Яскравість
0,015

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

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

Aa #D8E8E6 на #211E33 12,79:1 AAA
Aa #EBC686 на #211E33 9,98:1 AAA
Aa #65DB73 на #211E33 9,19:1 AAA
Aa #709DCF на #211E33 5,71:1 AA
Aa #D8E8E6 на #5A687D 4,47:1 AA, великий текст
Aa #AB6187 на #211E33 3,69:1 AA, великий текст
Aa #EBC686 на #5A687D 3,49:1 AA, великий текст
Aa #AB6187 на #D8E8E6 3,47:1 AA, великий текст
Aa #65DB73 на #5A687D 3,22:1 AA, великий текст
Aa #5A687D на #211E33 2,86:1 Не проходить
Aa #AB6187 на #EBC686 2,70:1 Не проходить
Aa #AB6187 на #65DB73 2,49:1 Не проходить
Aa #D8E8E6 на #709DCF 2,24:1 Не проходить
Aa #709DCF на #5A687D 2,00:1 Не проходить
Aa #EBC686 на #709DCF 1,75:1 Не проходить
Aa #65DB73 на #709DCF 1,61:1 Не проходить
Aa #AB6187 на #709DCF 1,55:1 Не проходить
Aa #D8E8E6 на #65DB73 1,39:1 Не проходить
Aa #AB6187 на #5A687D 1,29:1 Не проходить
Aa #EBC686 на #D8E8E6 1,28:1 Не проходить
Aa #EBC686 на #65DB73 1,09: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 кольори