Головна Колірні палітри Палітра «Cape Jasmine» з 4 кольорів

Палітра «Cape Jasmine» з 4 кольорів

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

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

Палітра «Cape Jasmine» з 4 кольорів

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

Редагувати

Яскраві 4 кольори Нейтральні Змішані Тріадна

Вподобання 3 592

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #FFBA5A;
  --c-vibrant-2: #C0FFB3;
  --c-vibrant-3: #52DE97;
  --c-vibrant-4: #2C7873;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Glow in the Dark (#C0FFB3), найсвітлішого тону, до Myrtle Green (#2C7873), найтемнішого. Вона об'єднує Cape Jasmine, Glow in the Dark, Aurora Green та Myrtle Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #C0FFB3 на #2C7873 (4,5:1).

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

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

Cape Jasmine #FFBA5A

RGB: rgb(255, 186, 90)
HSL: hsl(35, 100%, 68%)
Яскравість: 0,571

Glow in the Dark #C0FFB3

RGB: rgb(192, 255, 179)
HSL: hsl(110, 100%, 85%)
Яскравість: 0,860

Aurora Green #52DE97

RGB: rgb(82, 222, 151)
HSL: hsl(150, 68%, 60%)
Яскравість: 0,563

Myrtle Green #2C7873

RGB: rgb(44, 120, 115)
HSL: hsl(176, 46%, 32%)
Яскравість: 0,152

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

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

Aa #C0FFB3 на #2C7873 4,50:1 AA

Aa #FFBA5A на #2C7873 3,07:1 AA, великий текст

Aa #52DE97 на #2C7873 3,03:1 AA, великий текст

Aa #C0FFB3 на #52DE97 1,48:1 Не проходить

Aa #FFBA5A на #C0FFB3 1,46:1 Не проходить

Aa #FFBA5A на #52DE97 1,01:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B

4 кольори

#F5F7F8 #F4CE14 #495E57 #45474B

4 кольори

#222831 #393E46 #FFD369 #EEEEEE

4 кольори

#000000 #52057B #892CDC #BC6FF1

4 кольори

#213555 #3E5879 #D8C4B6 #F5EFE7

4 кольори

#F5EFE7 #D8C4B6 #4F709C #213555

4 кольори

#191A19 #1E5128 #4E9F3D #D8E9A8

4 кольори

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 кольори

Палітра «Cape Jasmine» з 4 кольорів