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

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

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

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

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

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

Редагувати

Яскраві 4 кольори Теплі Темні Тріадна

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

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #EAA81B;
  --c-vibrant-2: #C95501;
  --c-vibrant-3: #7D0000;
  --c-vibrant-4: #012C0B;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Sun Song (#EAA81B), найсвітлішого тону, до Haunted Forest (#012C0B), найтемнішого. Вона об'єднує Sun Song, Burnt Orange, Maroon та Haunted Forest в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #EAA81B на #012C0B (7,4:1).

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

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

Sun Song #EAA81B

RGB: rgb(234, 168, 27)
HSL: hsl(41, 83%, 51%)
Яскравість: 0,456

Burnt Orange #C95501

RGB: rgb(201, 85, 1)
HSL: hsl(25, 99%, 40%)
Яскравість: 0,189

Maroon #7D0000

RGB: rgb(125, 0, 0)
HSL: hsl(0, 100%, 25%)
Яскравість: 0,044

Haunted Forest #012C0B

RGB: rgb(1, 44, 11)
HSL: hsl(134, 96%, 9%)
Яскравість: 0,018

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

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

Aa #EAA81B на #012C0B 7,40:1 AAA

Aa #EAA81B на #7D0000 5,40:1 AA

Aa #C95501 на #012C0B 3,50:1 AA, великий текст

Aa #C95501 на #7D0000 2,56:1 Не проходить

Aa #EAA81B на #C95501 2,11:1 Не проходить

Aa #7D0000 на #012C0B 1,37: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 кольори

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