Реєстрація Реєстрація
Primary 8

Primary 8

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

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

Primary 8

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

Редагувати
Землисті 8 кольорів Холодні Змішані Комплементарна isasstudio
Вподобання 56
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #F5FFE0;
  --c-earthy-2: #1B1926;
  --c-earthy-3: #262157;
  --c-earthy-4: #323DA1;
  --c-earthy-5: #BD2F40;
  --c-earthy-6: #F0E143;
  --c-earthy-7: #6CA84D;
  --c-earthy-8: #23574D;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Milk Foam (#F5FFE0), найсвітлішого тону, до Coarse Wool (#1B1926), найтемнішого. Вона об'єднує Milk Foam, Coarse Wool, Spacescape, Liquid Denim, Crimson Cloud, Golden Snitch, Fern Flash та Forest Biome в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #F5FFE0 на #1B1926 (16,7:1).

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

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

Milk Foam #F5FFE0
RGB
rgb(245, 255, 224)
HSL
hsl(79, 100%, 94%)
Яскравість
0,963
Coarse Wool #1B1926
RGB
rgb(27, 25, 38)
HSL
hsl(249, 21%, 12%)
Яскравість
0,011
Spacescape #262157
RGB
rgb(38, 33, 87)
HSL
hsl(246, 45%, 24%)
Яскравість
0,022
Liquid Denim #323DA1
RGB
rgb(50, 61, 161)
HSL
hsl(234, 53%, 41%)
Яскравість
0,066
Crimson Cloud #BD2F40
RGB
rgb(189, 47, 64)
HSL
hsl(353, 60%, 46%)
Яскравість
0,132
Golden Snitch #F0E143
RGB
rgb(240, 225, 67)
HSL
hsl(55, 85%, 60%)
Яскравість
0,728
Fern Flash #6CA84D
RGB
rgb(108, 168, 77)
HSL
hsl(100, 37%, 48%)
Яскравість
0,317
Forest Biome #23574D
RGB
rgb(35, 87, 77)
HSL
hsl(168, 43%, 24%)
Яскравість
0,077

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

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

Aa #F5FFE0 на #1B1926 16,70:1 AAA
Aa #F5FFE0 на #262157 14,10:1 AAA
Aa #1B1926 на #F0E143 12,82:1 AAA
Aa #262157 на #F0E143 10,82:1 AAA
Aa #F5FFE0 на #323DA1 8,74:1 AAA
Aa #F5FFE0 на #23574D 7,97:1 AAA
Aa #323DA1 на #F0E143 6,71:1 AA
Aa #F0E143 на #23574D 6,12:1 AA
Aa #1B1926 на #6CA84D 6,05:1 AA
Aa #F5FFE0 на #BD2F40 5,56:1 AA
Aa #262157 на #6CA84D 5,11:1 AA
Aa #BD2F40 на #F0E143 4,27:1 AA, великий текст
Aa #323DA1 на #6CA84D 3,17:1 AA, великий текст
Aa #1B1926 на #BD2F40 3,00:1 AA, великий текст
Aa #6CA84D на #23574D 2,89:1 Не проходить
Aa #F5FFE0 на #6CA84D 2,76:1 Не проходить
Aa #262157 на #BD2F40 2,54:1 Не проходить
Aa #F0E143 на #6CA84D 2,12:1 Не проходить
Aa #1B1926 на #23574D 2,09:1 Не проходить
Aa #BD2F40 на #6CA84D 2,02:1 Не проходить
Aa #1B1926 на #323DA1 1,91:1 Не проходить
Aa #262157 на #23574D 1,77:1 Не проходить
Aa #262157 на #323DA1 1,61:1 Не проходить
Aa #323DA1 на #BD2F40 1,57:1 Не проходить
Aa #BD2F40 на #23574D 1,43:1 Не проходить
Aa #F5FFE0 на #F0E143 1,30:1 Не проходить
Aa #1B1926 на #262157 1,18:1 Не проходить
Aa #323DA1 на #23574D 1,10: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 кольори