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

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

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

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

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

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

Редагувати

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

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

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #282D4F;
  --c-vibrant-2: #23103A;
  --c-vibrant-3: #A0204C;
  --c-vibrant-4: #FF6C00;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Spooky Tangerine (#FF6C00), найсвітлішого тону, до Blacklist (#23103A), найтемнішого. Вона об'єднує Lucky Point, Blacklist, Cherries Jubilee та Spooky Tangerine в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #23103A на #FF6C00 (6,13:1).

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

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

Lucky Point #282D4F

RGB: rgb(40, 45, 79)
HSL: hsl(232, 33%, 23%)
Яскравість: 0,029

Blacklist #23103A

RGB: rgb(35, 16, 58)
HSL: hsl(267, 57%, 15%)
Яскравість: 0,010

Cherries Jubilee #A0204C

RGB: rgb(160, 32, 76)
HSL: hsl(339, 67%, 38%)
Яскравість: 0,090

Spooky Tangerine #FF6C00

RGB: rgb(255, 108, 0)
HSL: hsl(25, 100%, 50%)
Яскравість: 0,320

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

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

Aa #23103A на #FF6C00 6,13:1 AA

Aa #282D4F на #FF6C00 4,69:1 AA

Aa #A0204C на #FF6C00 2,64:1 Не проходить

Aa #23103A на #A0204C 2,33:1 Не проходить

Aa #282D4F на #A0204C 1,78:1 Не проходить

Aa #282D4F на #23103A 1,31: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 кольори

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