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

Палітра «Lamenters Yellow» з 4 кольорів

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

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

Палітра «Lamenters Yellow» з 4 кольорів

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

Редагувати

Приглушені 4 кольори Нейтральні Змішані Аналогова

Вподобання 2 619

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #F7FDB6;
  --c-muted-2: #A4D792;
  --c-muted-3: #21825C;
  --c-muted-4: #424141;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Lamenters Yellow (#F7FDB6), найсвітлішого тону, до Spade Black (#424141), найтемнішого. Вона об'єднує Lamenters Yellow, Nature’s Delight, Metallic Green та Spade Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #F7FDB6 на #424141 (9,53:1).

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

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

Lamenters Yellow #F7FDB6

RGB: rgb(247, 253, 182)
HSL: hsl(65, 95%, 85%)
Яскравість: 0,934

Nature’s Delight #A4D792

RGB: rgb(164, 215, 146)
HSL: hsl(104, 46%, 71%)
Яскравість: 0,586

Metallic Green #21825C

RGB: rgb(33, 130, 92)
HSL: hsl(156, 60%, 32%)
Яскравість: 0,171

Spade Black #424141

RGB: rgb(66, 65, 65)
HSL: hsl(0, 1%, 26%)
Яскравість: 0,053

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

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

Aa #F7FDB6 на #424141 9,53:1 AAA

Aa #A4D792 на #424141 6,16:1 AA

Aa #F7FDB6 на #21825C 4,46:1 AA, великий текст

Aa #A4D792 на #21825C 2,88:1 Не проходить

Aa #21825C на #424141 2,14:1 Не проходить

Aa #F7FDB6 на #A4D792 1,55: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 кольори

Палітра «Lamenters Yellow» з 4 кольорів