UnoDecimalDualism

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

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

UnoDecimalDualism

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

Редагувати

Яскраві 11 кольорів Нейтральні Темні Комплементарна odd bizzare noblackandwhite pychedellic

Вподобання 11

Кольори 11

CSS-змінні

:root {
  --c-vibrant-1: #200124;
  --c-vibrant-2: #054503;
  --c-vibrant-3: #7A0D18;
  --c-vibrant-4: #0A6D6E;
  --c-vibrant-5: #807906;
  --c-vibrant-6: #7277B8;
  --c-vibrant-7: #D055DE;
  --c-vibrant-8: #48D145;
  --c-vibrant-9: #EB9DA4;
  --c-vibrant-10: #85E4E6;
  --c-vibrant-11: #F5EF9D;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Portofino (#F5EF9D), найсвітлішого тону, до Black Sabbath (#200124), найтемнішого. Вона об'єднує Black Sabbath, Racing Green, Mythical Wine, Pine Scented Lagoon, Sunlit Kelp Green, Wind Star, Thick Pink, Verdant Fields, Wood Nymph, Paradisiacal Getaway та Portofino в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #200124 на #F5EF9D (16,23:1).

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

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

Black Sabbath #200124

RGB: rgb(32, 1, 36)
HSL: hsl(293, 95%, 7%)
Яскравість: 0,005

Racing Green #054503

RGB: rgb(5, 69, 3)
HSL: hsl(118, 92%, 14%)
Яскравість: 0,043

Mythical Wine #7A0D18

RGB: rgb(122, 13, 24)
HSL: hsl(354, 81%, 26%)
Яскравість: 0,045

Pine Scented Lagoon #0A6D6E

RGB: rgb(10, 109, 110)
HSL: hsl(181, 83%, 24%)
Яскравість: 0,121

Sunlit Kelp Green #807906

RGB: rgb(128, 121, 6)
HSL: hsl(57, 91%, 26%)
Яскравість: 0,183

Wind Star #7277B8

RGB: rgb(114, 119, 184)
HSL: hsl(236, 33%, 58%)
Яскравість: 0,202

Thick Pink #D055DE

RGB: rgb(208, 85, 222)
HSL: hsl(294, 67%, 60%)
Яскравість: 0,252

Verdant Fields #48D145

RGB: rgb(72, 209, 69)
HSL: hsl(119, 60%, 55%)
Яскравість: 0,474

Wood Nymph #EB9DA4

RGB: rgb(235, 157, 164)
HSL: hsl(355, 66%, 77%)
Яскравість: 0,445

Paradisiacal Getaway #85E4E6

RGB: rgb(133, 228, 230)
HSL: hsl(181, 66%, 71%)
Яскравість: 0,662

Portofino #F5EF9D

RGB: rgb(245, 239, 157)
HSL: hsl(56, 81%, 79%)
Яскравість: 0,836

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

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

Aa #200124 на #F5EF9D 16,23:1 AAA

Aa #200124 на #85E4E6 13,05:1 AAA

Aa #200124 на #48D145 9,61:1 AAA

Aa #054503 на #F5EF9D 9,53:1 AAA

Aa #7A0D18 на #F5EF9D 9,33:1 AAA

Aa #200124 на #EB9DA4 9,06:1 AAA

Aa #054503 на #85E4E6 7,66:1 AAA

Aa #7A0D18 на #85E4E6 7,50:1 AAA

Aa #054503 на #48D145 5,64:1 AA

Aa #200124 на #D055DE 5,53:1 AA

Aa #7A0D18 на #48D145 5,52:1 AA

Aa #054503 на #EB9DA4 5,32:1 AA

Aa #7A0D18 на #EB9DA4 5,21:1 AA

Aa #0A6D6E на #F5EF9D 5,17:1 AA

Aa #200124 на #7277B8 4,62:1 AA

Aa #200124 на #807906 4,27:1 AA, великий текст

Aa #0A6D6E на #85E4E6 4,16:1 AA, великий текст

Aa #807906 на #F5EF9D 3,81:1 AA, великий текст

Aa #7277B8 на #F5EF9D 3,51:1 AA, великий текст

Aa #054503 на #D055DE 3,25:1 AA, великий текст

Aa #7A0D18 на #D055DE 3,18:1 AA, великий текст

Aa #200124 на #0A6D6E 3,14:1 AA, великий текст

Aa #0A6D6E на #48D145 3,06:1 AA, великий текст

Aa #807906 на #85E4E6 3,06:1 AA, великий текст

Aa #D055DE на #F5EF9D 2,93:1 Не проходить

Aa #0A6D6E на #EB9DA4 2,89:1 Не проходить

Aa #7277B8 на #85E4E6 2,82:1 Не проходить

Aa #054503 на #7277B8 2,71:1 Не проходить

Aa #7A0D18 на #7277B8 2,66:1 Не проходить

Aa #054503 на #807906 2,50:1 Не проходить

Aa #7A0D18 на #807906 2,45:1 Не проходить

Aa #D055DE на #85E4E6 2,36:1 Не проходить

Aa #807906 на #48D145 2,25:1 Не проходить

Aa #807906 на #EB9DA4 2,12:1 Не проходить

Aa #7277B8 на #48D145 2,08:1 Не проходить

Aa #7277B8 на #EB9DA4 1,96:1 Не проходить

Aa #054503 на #0A6D6E 1,84:1 Не проходить

Aa #7A0D18 на #0A6D6E 1,80:1 Не проходить

Aa #EB9DA4 на #F5EF9D 1,79:1 Не проходить

Aa #0A6D6E на #D055DE 1,76:1 Не проходить

Aa #200124 на #7A0D18 1,74:1 Не проходить

Aa #D055DE на #48D145 1,74:1 Не проходить

Aa #200124 на #054503 1,70:1 Не проходить

Aa #48D145 на #F5EF9D 1,69:1 Не проходить

Aa #D055DE на #EB9DA4 1,64:1 Не проходить

Aa #0A6D6E на #7277B8 1,47:1 Не проходить

Aa #EB9DA4 на #85E4E6 1,44:1 Не проходить

Aa #0A6D6E на #807906 1,36:1 Не проходить

Aa #48D145 на #85E4E6 1,36:1 Не проходить

Aa #807906 на #D055DE 1,30:1 Не проходить

Aa #85E4E6 на #F5EF9D 1,24:1 Не проходить

Aa #7277B8 на #D055DE 1,20:1 Не проходить

Aa #807906 на #7277B8 1,08:1 Не проходить

Aa #48D145 на #EB9DA4 1,06:1 Не проходить

Aa #054503 на #7A0D18 1,02:1 Не проходить

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

#000000 #3E065F #700B97 #8E05C2

4 кольори

#000000 #150050 #3F0071 #FB2576

4 кольори

#000000 #3E432E #616F39 #A7D129

4 кольори

#4B5D67 #322F3D #59405C #87556F

4 кольори

#18230F #27391C #255F38 #1F7D53

4 кольори

#FF5200 #6F0000 #00263B #00A1AB

4 кольори

#000000 #0F6292 #16FF00 #FFED00

4 кольори

#251D3A #2A2550 #E04D01 #FF7700

4 кольори

UnoDecimalDualism