PaletaOscuraDeGoya

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

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

PaletaOscuraDeGoya

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

Редагувати

Приглушені 12 кольорів Теплі Змішані Комплементарна septemberstudypalettecontest

Вподобання 45

Кольори 12

CSS-змінні

:root {
  --c-muted-1: #DFE0C5;
  --c-muted-2: #080807;
  --c-muted-3: #262722;
  --c-muted-4: #CDC2AA;
  --c-muted-5: #B8C9CD;
  --c-muted-6: #CDC09C;
  --c-muted-7: #9E9479;
  --c-muted-8: #70614B;
  --c-muted-9: #C1A066;
  --c-muted-10: #93815D;
  --c-muted-11: #E0CAA6;
  --c-muted-12: #932E1F;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Marble Grape (#DFE0C5), найсвітлішого тону, до Accursed Black (#080807), найтемнішого. Вона об'єднує Marble Grape, Accursed Black, Nero, Threaded Loom, Adorbs, Tumbling Tumbleweed, Lye, Soya Bean, Desert Moss, Gingko Tree, Hearth та Saffronaut в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #DFE0C5 на #080807 (14,89:1).

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

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

Marble Grape #DFE0C5

RGB: rgb(223, 224, 197)
HSL: hsl(62, 30%, 83%)
Яскравість: 0,730

Accursed Black #080807

RGB: rgb(8, 8, 7)
HSL: hsl(60, 7%, 3%)
Яскравість: 0,002

Nero #262722

RGB: rgb(38, 39, 34)
HSL: hsl(72, 7%, 14%)
Яскравість: 0,020

Threaded Loom #CDC2AA

RGB: rgb(205, 194, 170)
HSL: hsl(41, 26%, 74%)
Яскравість: 0,545

Adorbs #B8C9CD

RGB: rgb(184, 201, 205)
HSL: hsl(191, 17%, 76%)
Яскравість: 0,564

Tumbling Tumbleweed #CDC09C

RGB: rgb(205, 192, 156)
HSL: hsl(44, 33%, 71%)
Яскравість: 0,531

Lye #9E9479

RGB: rgb(158, 148, 121)
HSL: hsl(44, 16%, 55%)
Яскравість: 0,298

Soya Bean #70614B

RGB: rgb(112, 97, 75)
HSL: hsl(36, 20%, 37%)
Яскравість: 0,125

Desert Moss #C1A066

RGB: rgb(193, 160, 102)
HSL: hsl(38, 42%, 58%)
Яскравість: 0,374

Gingko Tree #93815D

RGB: rgb(147, 129, 93)
HSL: hsl(40, 23%, 47%)
Яскравість: 0,227

Hearth #E0CAA6

RGB: rgb(224, 202, 166)
HSL: hsl(37, 48%, 76%)
Яскравість: 0,608

Saffronaut #932E1F

RGB: rgb(147, 46, 31)
HSL: hsl(8, 65%, 35%)
Яскравість: 0,083

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

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

Aa #DFE0C5 на #080807 14,89:1 AAA

Aa #080807 на #E0CAA6 12,56:1 AAA

Aa #080807 на #B8C9CD 11,71:1 AAA

Aa #080807 на #CDC2AA 11,35:1 AAA

Aa #DFE0C5 на #262722 11,18:1 AAA

Aa #080807 на #CDC09C 11,08:1 AAA

Aa #262722 на #E0CAA6 9,43:1 AAA

Aa #262722 на #B8C9CD 8,79:1 AAA

Aa #262722 на #CDC2AA 8,52:1 AAA

Aa #262722 на #CDC09C 8,32:1 AAA

Aa #080807 на #C1A066 8,10:1 AAA

Aa #080807 на #9E9479 6,65:1 AA

Aa #262722 на #C1A066 6,08:1 AA

Aa #DFE0C5 на #932E1F 5,89:1 AA

Aa #080807 на #93815D 5,28:1 AA

Aa #262722 на #9E9479 4,99:1 AA

Aa #E0CAA6 на #932E1F 4,97:1 AA

Aa #B8C9CD на #932E1F 4,63:1 AA

Aa #CDC2AA на #932E1F 4,49:1 AA, великий текст

Aa #DFE0C5 на #70614B 4,46:1 AA, великий текст

Aa #CDC09C на #932E1F 4,38:1 AA, великий текст

Aa #262722 на #93815D 3,97:1 AA, великий текст

Aa #70614B на #E0CAA6 3,76:1 AA, великий текст

Aa #B8C9CD на #70614B 3,51:1 AA, великий текст

Aa #CDC2AA на #70614B 3,40:1 AA, великий текст

Aa #080807 на #70614B 3,34:1 AA, великий текст

Aa #CDC09C на #70614B 3,32:1 AA, великий текст

Aa #C1A066 на #932E1F 3,20:1 AA, великий текст

Aa #DFE0C5 на #93815D 2,82:1 Не проходить

Aa #9E9479 на #932E1F 2,63:1 Не проходить

Aa #080807 на #932E1F 2,53:1 Не проходить

Aa #262722 на #70614B 2,51:1 Не проходить

Aa #70614B на #C1A066 2,42:1 Не проходить

Aa #93815D на #E0CAA6 2,38:1 Не проходить

Aa #DFE0C5 на #9E9479 2,24:1 Не проходить

Aa #B8C9CD на #93815D 2,22:1 Не проходить

Aa #CDC2AA на #93815D 2,15:1 Не проходить

Aa #CDC09C на #93815D 2,10:1 Не проходить

Aa #93815D на #932E1F 2,09:1 Не проходить

Aa #9E9479 на #70614B 1,99:1 Не проходить

Aa #262722 на #932E1F 1,90:1 Не проходить

Aa #9E9479 на #E0CAA6 1,89:1 Не проходить

Aa #DFE0C5 на #C1A066 1,84:1 Не проходить

Aa #B8C9CD на #9E9479 1,76:1 Не проходить

Aa #CDC2AA на #9E9479 1,71:1 Не проходить

Aa #CDC09C на #9E9479 1,67:1 Не проходить

Aa #70614B на #93815D 1,58:1 Не проходить

Aa #C1A066 на #E0CAA6 1,55:1 Не проходить

Aa #C1A066 на #93815D 1,53:1 Не проходить

Aa #B8C9CD на #C1A066 1,45:1 Не проходить

Aa #CDC2AA на #C1A066 1,40:1 Не проходить

Aa #CDC09C на #C1A066 1,37:1 Не проходить

Aa #DFE0C5 на #CDC09C 1,34:1 Не проходить

Aa #080807 на #262722 1,33:1 Не проходить

Aa #70614B на #932E1F 1,32:1 Не проходить

Aa #DFE0C5 на #CDC2AA 1,31:1 Не проходить

Aa #DFE0C5 на #B8C9CD 1,27:1 Не проходить

Aa #9E9479 на #93815D 1,26:1 Не проходить

Aa #9E9479 на #C1A066 1,22:1 Не проходить

Aa #DFE0C5 на #E0CAA6 1,19:1 Не проходить

Aa #CDC09C на #E0CAA6 1,13:1 Не проходить

Aa #CDC2AA на #E0CAA6 1,11:1 Не проходить

Aa #B8C9CD на #E0CAA6 1,07:1 Не проходить

Aa #B8C9CD на #CDC09C 1,06:1 Не проходить

Aa #CDC2AA на #B8C9CD 1,03:1 Не проходить

Aa #CDC2AA на #CDC09C 1,02: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 кольори

PaletaOscuraDeGoya