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

Ooze8

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

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

Ooze8

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

Редагувати
Землисті 8 кольорів Холодні Змішані Комплементарна green blue water slime
Вподобання 16
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #C28D65;
  --c-earthy-2: #A3644E;
  --c-earthy-3: #3BA844;
  --c-earthy-4: #198551;
  --c-earthy-5: #1F6366;
  --c-earthy-6: #255970;
  --c-earthy-7: #258074;
  --c-earthy-8: #6ACC95;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Van Gogh Green (#6ACC95), найсвітлішого тону, до Newport Grey (#255970), найтемнішого. Вона об'єднує Copper Hide, Ruddy Oak, Matt Green, Lucky Green, Pacific, Newport Grey, Elegant Silk та Van Gogh Green в один набір, який можна одразу перенести в інтерфейс. Жодна з 28 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Copper Hide #C28D65
RGB
rgb(194, 141, 101)
HSL
hsl(26, 43%, 58%)
Яскравість
0,315
Ruddy Oak #A3644E
RGB
rgb(163, 100, 78)
HSL
hsl(16, 35%, 47%)
Яскравість
0,175
Matt Green #3BA844
RGB
rgb(59, 168, 68)
HSL
hsl(125, 48%, 45%)
Яскравість
0,294
Lucky Green #198551
RGB
rgb(25, 133, 81)
HSL
hsl(151, 68%, 31%)
Яскравість
0,176
Pacific #1F6366
RGB
rgb(31, 99, 102)
HSL
hsl(183, 53%, 26%)
Яскравість
0,102
Newport Grey #255970
RGB
rgb(37, 89, 112)
HSL
hsl(198, 50%, 29%)
Яскравість
0,087
Elegant Silk #258074
RGB
rgb(37, 128, 116)
HSL
hsl(172, 55%, 32%)
Яскравість
0,171
Van Gogh Green #6ACC95
RGB
rgb(106, 204, 149)
HSL
hsl(146, 49%, 61%)
Яскравість
0,484

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

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

Aa #255970 на #6ACC95 3,90:1 AA, великий текст
Aa #1F6366 на #6ACC95 3,52:1 AA, великий текст
Aa #C28D65 на #255970 2,66:1 Не проходить
Aa #3BA844 на #255970 2,51:1 Не проходить
Aa #258074 на #6ACC95 2,42:1 Не проходить
Aa #C28D65 на #1F6366 2,40:1 Не проходить
Aa #A3644E на #6ACC95 2,38:1 Не проходить
Aa #198551 на #6ACC95 2,37:1 Не проходить
Aa #3BA844 на #1F6366 2,26:1 Не проходить
Aa #C28D65 на #258074 1,65:1 Не проходить
Aa #198551 на #255970 1,65:1 Не проходить
Aa #A3644E на #255970 1,64:1 Не проходить
Aa #C28D65 на #A3644E 1,62:1 Не проходить
Aa #C28D65 на #198551 1,61:1 Не проходить
Aa #255970 на #258074 1,61:1 Не проходить
Aa #3BA844 на #6ACC95 1,56:1 Не проходить
Aa #3BA844 на #258074 1,55:1 Не проходить
Aa #A3644E на #3BA844 1,53:1 Не проходить
Aa #3BA844 на #198551 1,52:1 Не проходить
Aa #198551 на #1F6366 1,49:1 Не проходить
Aa #A3644E на #1F6366 1,48:1 Не проходить
Aa #C28D65 на #6ACC95 1,47:1 Не проходить
Aa #1F6366 на #258074 1,46:1 Не проходить
Aa #1F6366 на #255970 1,11:1 Не проходить
Aa #C28D65 на #3BA844 1,06:1 Не проходить
Aa #A3644E на #258074 1,02:1 Не проходить
Aa #198551 на #258074 1,02:1 Не проходить
Aa #A3644E на #198551 1,01: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 кольори