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

Палітра «Dutch Orange» з 4 кольорів

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

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

Палітра «Dutch Orange» з 4 кольорів

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

Редагувати

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

Вподобання 1 584

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #7ADAA5;
  --c-vibrant-2: #239BA7;
  --c-vibrant-3: #ECECBB;
  --c-vibrant-4: #E1AA36;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Pale Spring Bud (#ECECBB), найсвітлішого тону, до Cancer Seagreen Scarab (#239BA7), найтемнішого. Вона об'єднує Fresco Green, Cancer Seagreen Scarab, Pale Spring Bud та Dutch Orange в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Fresco Green #7ADAA5

RGB: rgb(122, 218, 165)
HSL: hsl(147, 56%, 67%)
Яскравість: 0,570

Cancer Seagreen Scarab #239BA7

RGB: rgb(35, 155, 167)
HSL: hsl(185, 65%, 40%)
Яскравість: 0,266

Pale Spring Bud #ECECBB

RGB: rgb(236, 236, 187)
HSL: hsl(60, 56%, 83%)
Яскравість: 0,814

Dutch Orange #E1AA36

RGB: rgb(225, 170, 54)
HSL: hsl(41, 74%, 55%)
Яскравість: 0,450

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

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

Aa #239BA7 на #ECECBB 2,74:1 Не проходить

Aa #7ADAA5 на #239BA7 1,96:1 Не проходить

Aa #ECECBB на #E1AA36 1,73:1 Не проходить

Aa #239BA7 на #E1AA36 1,58:1 Не проходить

Aa #7ADAA5 на #ECECBB 1,39:1 Не проходить

Aa #7ADAA5 на #E1AA36 1,24: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 кольори

Палітра «Dutch Orange» з 4 кольорів