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

FairyRust_8x

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

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

FairyRust_8x

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

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

CSS-змінні

:root {
  --c-earthy-1: #141A0D;
  --c-earthy-2: #4B2D28;
  --c-earthy-3: #744E65;
  --c-earthy-4: #7F7397;
  --c-earthy-5: #8AB0D8;
  --c-earthy-6: #AAD8F7;
  --c-earthy-7: #DAEDFE;
  --c-earthy-8: #F2F9FF;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Alice Blue (#F2F9FF), найсвітлішого тону, до Darkness (#141A0D), найтемнішого. Вона об'єднує Darkness, Barako Brew, Dahlia Matte Red, Purple Haze, Birdie Num Num, Endless Horizon, Hoarfrost та Alice Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #141A0D на #F2F9FF (16,71:1).

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

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

Darkness #141A0D
RGB
rgb(20, 26, 13)
HSL
hsl(88, 33%, 8%)
Яскравість
0,009
Barako Brew #4B2D28
RGB
rgb(75, 45, 40)
HSL
hsl(9, 30%, 23%)
Яскравість
0,035
Dahlia Matte Red #744E65
RGB
rgb(116, 78, 101)
HSL
hsl(324, 20%, 38%)
Яскравість
0,101
Purple Haze #7F7397
RGB
rgb(127, 115, 151)
HSL
hsl(260, 15%, 52%)
Яскравість
0,190
Birdie Num Num #8AB0D8
RGB
rgb(138, 176, 216)
HSL
hsl(211, 50%, 69%)
Яскравість
0,414
Endless Horizon #AAD8F7
RGB
rgb(170, 216, 247)
HSL
hsl(204, 83%, 82%)
Яскравість
0,644
Hoarfrost #DAEDFE
RGB
rgb(218, 237, 254)
HSL
hsl(208, 95%, 93%)
Яскравість
0,826
Alice Blue #F2F9FF
RGB
rgb(242, 249, 255)
HSL
hsl(208, 100%, 97%)
Яскравість
0,939

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

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

Aa #141A0D на #F2F9FF 16,71:1 AAA
Aa #141A0D на #DAEDFE 14,81:1 AAA
Aa #141A0D на #AAD8F7 11,73:1 AAA
Aa #4B2D28 на #F2F9FF 11,59:1 AAA
Aa #4B2D28 на #DAEDFE 10,28:1 AAA
Aa #4B2D28 на #AAD8F7 8,14:1 AAA
Aa #141A0D на #8AB0D8 7,84:1 AAA
Aa #744E65 на #F2F9FF 6,55:1 AA
Aa #744E65 на #DAEDFE 5,80:1 AA
Aa #4B2D28 на #8AB0D8 5,44:1 AA
Aa #744E65 на #AAD8F7 4,59:1 AA
Aa #7F7397 на #F2F9FF 4,12:1 AA, великий текст
Aa #141A0D на #7F7397 4,06:1 AA, великий текст
Aa #7F7397 на #DAEDFE 3,65:1 AA, великий текст
Aa #744E65 на #8AB0D8 3,07:1 AA, великий текст
Aa #7F7397 на #AAD8F7 2,89:1 Не проходить
Aa #4B2D28 на #7F7397 2,82:1 Не проходить
Aa #141A0D на #744E65 2,55:1 Не проходить
Aa #8AB0D8 на #F2F9FF 2,13:1 Не проходить
Aa #7F7397 на #8AB0D8 1,93:1 Не проходить
Aa #8AB0D8 на #DAEDFE 1,89:1 Не проходить
Aa #4B2D28 на #744E65 1,77:1 Не проходить
Aa #744E65 на #7F7397 1,59:1 Не проходить
Aa #8AB0D8 на #AAD8F7 1,49:1 Не проходить
Aa #141A0D на #4B2D28 1,44:1 Не проходить
Aa #AAD8F7 на #F2F9FF 1,42:1 Не проходить
Aa #AAD8F7 на #DAEDFE 1,26:1 Не проходить
Aa #DAEDFE на #F2F9FF 1,13: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 кольори