Gooseberry Ghost

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

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

Gooseberry Ghost

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

Редагувати

Яскраві 8 кольорів Теплі Змішані Тріадна green ghost spooky dull

Вподобання 39

Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #988277;
  --c-vibrant-2: #645543;
  --c-vibrant-3: #45381C;
  --c-vibrant-4: #201C02;
  --c-vibrant-5: #F1FFAF;
  --c-vibrant-6: #B2F167;
  --c-vibrant-7: #25C04B;
  --c-vibrant-8: #006A3D;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Hawthorn Blossom (#F1FFAF), найсвітлішого тону, до Liquorice Root (#201C02), найтемнішого. Вона об'єднує Flower Wood, Sandalwood, Lisbon Brown, Liquorice Root, Hawthorn Blossom, Inchworm, Vegan Mastermind та Cadmium Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #201C02 на #F1FFAF (16,01:1).

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

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

Flower Wood #988277

RGB: rgb(152, 130, 119)
HSL: hsl(20, 14%, 53%)
Яскравість: 0,240

Sandalwood #645543

RGB: rgb(100, 85, 67)
HSL: hsl(33, 20%, 33%)
Яскравість: 0,096

Lisbon Brown #45381C

RGB: rgb(69, 56, 28)
HSL: hsl(41, 42%, 19%)
Яскравість: 0,042

Liquorice Root #201C02

RGB: rgb(32, 28, 2)
HSL: hsl(52, 88%, 7%)
Яскравість: 0,011

Hawthorn Blossom #F1FFAF

RGB: rgb(241, 255, 175)
HSL: hsl(71, 100%, 84%)
Яскравість: 0,933

Inchworm #B2F167

RGB: rgb(178, 241, 103)
HSL: hsl(87, 83%, 67%)
Яскравість: 0,734

Vegan Mastermind #25C04B

RGB: rgb(37, 192, 75)
HSL: hsl(135, 68%, 45%)
Яскравість: 0,386

Cadmium Green #006A3D

RGB: rgb(0, 106, 61)
HSL: hsl(155, 100%, 21%)
Яскравість: 0,106

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

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

Aa #201C02 на #F1FFAF 16,01:1 AAA

Aa #201C02 на #B2F167 12,76:1 AAA

Aa #45381C на #F1FFAF 10,71:1 AAA

Aa #45381C на #B2F167 8,54:1 AAA

Aa #201C02 на #25C04B 7,10:1 AAA

Aa #645543 на #F1FFAF 6,73:1 AA

Aa #F1FFAF на #006A3D 6,28:1 AA

Aa #645543 на #B2F167 5,36:1 AA

Aa #B2F167 на #006A3D 5,01:1 AA

Aa #45381C на #25C04B 4,75:1 AA

Aa #988277 на #201C02 4,72:1 AA

Aa #988277 на #F1FFAF 3,39:1 AA, великий текст

Aa #988277 на #45381C 3,16:1 AA, великий текст

Aa #645543 на #25C04B 2,98:1 Не проходить

Aa #25C04B на #006A3D 2,79:1 Не проходить

Aa #988277 на #B2F167 2,70:1 Не проходить

Aa #201C02 на #006A3D 2,55:1 Не проходить

Aa #645543 на #201C02 2,38:1 Не проходить

Aa #F1FFAF на #25C04B 2,25:1 Не проходить

Aa #988277 на #645543 1,98:1 Не проходить

Aa #988277 на #006A3D 1,85:1 Не проходить

Aa #B2F167 на #25C04B 1,80:1 Не проходить

Aa #45381C на #006A3D 1,70:1 Не проходить

Aa #645543 на #45381C 1,59:1 Не проходить

Aa #988277 на #25C04B 1,50:1 Не проходить

Aa #45381C на #201C02 1,49:1 Не проходить

Aa #F1FFAF на #B2F167 1,25:1 Не проходить

Aa #645543 на #006A3D 1,07:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70

4 кольори

#7D5A50 #B4846C #E5B299 #FCDEC0

4 кольори

#FFF8EA #9E7676 #815B5B #594545

4 кольори

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 кольори

#F67280 #C06C84 #6C5B7B #355C7D

4 кольори

#2B2E4A #E84545 #903749 #53354A

4 кольори

#E5D9B6 #A4BE7B #5F8D4E #285430

4 кольори

#A9907E #F3DEBA #ABC4AA #675D50

4 кольори

Gooseberry Ghost