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

Skylyte5

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

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

Skylyte5

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

Редагувати
Землисті 5 кольорів Теплі Змішані Комплементарна soft sunset limited retro
Вподобання 34
Кольори 5

CSS-змінні

:root {
  --c-earthy-1: #2D2B33;
  --c-earthy-2: #453663;
  --c-earthy-3: #7C4A5A;
  --c-earthy-4: #BF6D69;
  --c-earthy-5: #EEF0E0;
}

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

Ця землиста палітра з 5 кольорів охоплює діапазон від Pearl Onion (#EEF0E0), найсвітлішого тону, до Bastille (#2D2B33), найтемнішого. Вона об'єднує Bastille, Petunia, Nocturne Red, Shepherd’s Warning та Pearl Onion в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 10. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #2D2B33 на #EEF0E0 (12,08:1).

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

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

Bastille #2D2B33
RGB
rgb(45, 43, 51)
HSL
hsl(255, 9%, 18%)
Яскравість
0,025
Petunia #453663
RGB
rgb(69, 54, 99)
HSL
hsl(260, 29%, 30%)
Яскравість
0,048
Nocturne Red #7C4A5A
RGB
rgb(124, 74, 90)
HSL
hsl(341, 25%, 39%)
Яскравість
0,099
Shepherd’s Warning #BF6D69
RGB
rgb(191, 109, 105)
HSL
hsl(3, 40%, 58%)
Яскравість
0,230
Pearl Onion #EEF0E0
RGB
rgb(238, 240, 224)
HSL
hsl(68, 35%, 91%)
Яскравість
0,859

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

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

Aa #2D2B33 на #EEF0E0 12,08:1 AAA
Aa #453663 на #EEF0E0 9,27:1 AAA
Aa #7C4A5A на #EEF0E0 6,09:1 AA
Aa #2D2B33 на #BF6D69 3,73:1 AA, великий текст
Aa #BF6D69 на #EEF0E0 3,24:1 AA, великий текст
Aa #453663 на #BF6D69 2,86:1 Не проходить
Aa #2D2B33 на #7C4A5A 1,98:1 Не проходить
Aa #7C4A5A на #BF6D69 1,88:1 Не проходить
Aa #453663 на #7C4A5A 1,52:1 Не проходить
Aa #2D2B33 на #453663 1,30:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори