Jungle Punch 5 Colors

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

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

Jungle Punch 5 Colors

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

Редагувати

Яскраві 5 кольорів Теплі Змішані Тріадна green orange yellow 5colors

Вподобання 56

Кольори 5

CSS-змінні

:root {
  --c-vibrant-1: #ED9F7D;
  --c-vibrant-2: #FCEF9C;
  --c-vibrant-3: #14241B;
  --c-vibrant-4: #959446;
  --c-vibrant-5: #42630D;
}

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

Ця яскрава палітра з 5 кольорів охоплює діапазон від Daisy Chain (#FCEF9C), найсвітлішого тону, до Black Emerald (#14241B), найтемнішого. Вона об'єднує Mamey, Daisy Chain, Black Emerald, Delta Break та Camouflage Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 10. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #FCEF9C на #14241B (13,84:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

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

Mamey #ED9F7D

RGB: rgb(237, 159, 125)
HSL: hsl(18, 76%, 71%)
Яскравість: 0,443

Daisy Chain #FCEF9C

RGB: rgb(252, 239, 156)
HSL: hsl(52, 94%, 80%)
Яскравість: 0,848

Black Emerald #14241B

RGB: rgb(20, 36, 27)
HSL: hsl(146, 29%, 11%)
Яскравість: 0,015

Delta Break #959446

RGB: rgb(149, 148, 70)
HSL: hsl(59, 36%, 43%)
Яскравість: 0,280

Camouflage Green #42630D

RGB: rgb(66, 99, 13)
HSL: hsl(83, 77%, 22%)
Яскравість: 0,101

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

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

Aa #FCEF9C на #14241B 13,84:1 AAA

Aa #ED9F7D на #14241B 7,59:1 AAA

Aa #FCEF9C на #42630D 5,94:1 AA

Aa #14241B на #959446 5,09:1 AA

Aa #ED9F7D на #42630D 3,26:1 AA, великий текст

Aa #FCEF9C на #959446 2,72:1 Не проходить

Aa #14241B на #42630D 2,33:1 Не проходить

Aa #959446 на #42630D 2,18:1 Не проходить

Aa #ED9F7D на #FCEF9C 1,82:1 Не проходить

Aa #ED9F7D на #959446 1,49: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 кольори

Jungle Punch 5 Colors