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

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

Палітра з 4 кольорів · Теплі · Темні · Аналогова гармонія

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

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

Палітра з 4 кольорів · Теплі кольори · Темні тони · Аналогова гармонія

Редагувати

Приглушені 4 кольори Теплі Темні Аналогова

Вподобання 5 639

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #CDB30C;
  --c-muted-2: #62760C;
  --c-muted-3: #535204;
  --c-muted-4: #523906;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Sulphur (#CDB30C), найсвітлішого тону, до Pineapple (#523906), найтемнішого. Вона об'єднує Sulphur, Murky Green, Scorzonera Brown та Pineapple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #CDB30C на #523906 (5,16:1).

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

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

Sulphur #CDB30C

RGB: rgb(205, 179, 12)
HSL: hsl(52, 89%, 43%)
Яскравість: 0,453

Murky Green #62760C

RGB: rgb(98, 118, 12)
HSL: hsl(71, 82%, 25%)
Яскравість: 0,156

Scorzonera Brown #535204

RGB: rgb(83, 82, 4)
HSL: hsl(59, 91%, 17%)
Яскравість: 0,079

Pineapple #523906

RGB: rgb(82, 57, 6)
HSL: hsl(40, 86%, 17%)
Яскравість: 0,047

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

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

Aa #CDB30C на #523906 5,16:1 AA

Aa #CDB30C на #535204 3,90:1 AA, великий текст

Aa #CDB30C на #62760C 2,44:1 Не проходить

Aa #62760C на #523906 2,11:1 Не проходить

Aa #62760C на #535204 1,60:1 Не проходить

Aa #535204 на #523906 1,32:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000

4 кольори

#E23E57 #88304E #522546 #311D3F

4 кольори

#FF204E #A0153E #5D0E41 #00224D

4 кольори

#030637 #3C0753 #720455 #910A67

4 кольори

#1C0A00 #361500 #603601 #CC9544

4 кольори

#252525 #FF0000 #AF0404 #414141

4 кольори

#362222 #171010 #423F3E #2B2B2B

4 кольори

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 кольори

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