Головна Колірні палітри If It Ain't Baroque, Don't Fix It

If It Ain't Baroque, Don't Fix It

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

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

If It Ain't Baroque, Don't Fix It

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

Редагувати

Приглушені 10 кольорів Теплі Темні Аналогова green orange red sepia

Вподобання 142

Кольори 10

CSS-змінні

:root {
  --c-muted-1: #2D0E03;
  --c-muted-2: #860210;
  --c-muted-3: #7F3A28;
  --c-muted-4: #A54E14;
  --c-muted-5: #4A3F0C;
  --c-muted-6: #6C5F17;
  --c-muted-7: #8A8E55;
  --c-muted-8: #8B805D;
  --c-muted-9: #BB9E7F;
  --c-muted-10: #EBEAB2;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Steamy Dumpling (#EBEAB2), найсвітлішого тону, до Root Brew (#2D0E03), найтемнішого. Вона об'єднує Root Brew, Red Devil, Roycroft Copper Red, Brandy Bear, Alligator Gladiator, Greenish Brown, Crocodile Smile, Canyon Verde, Carton та Steamy Dumpling в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #2D0E03 на #EBEAB2 (14,41:1).

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

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

Root Brew #2D0E03

RGB: rgb(45, 14, 3)
HSL: hsl(16, 88%, 9%)
Яскравість: 0,009

Red Devil #860210

RGB: rgb(134, 2, 16)
HSL: hsl(354, 97%, 27%)
Яскравість: 0,052

Roycroft Copper Red #7F3A28

RGB: rgb(127, 58, 40)
HSL: hsl(12, 52%, 33%)
Яскравість: 0,077

Brandy Bear #A54E14

RGB: rgb(165, 78, 20)
HSL: hsl(24, 78%, 36%)
Яскравість: 0,135

Alligator Gladiator #4A3F0C

RGB: rgb(74, 63, 12)
HSL: hsl(49, 72%, 17%)
Яскравість: 0,050

Greenish Brown #6C5F17

RGB: rgb(108, 95, 23)
HSL: hsl(51, 65%, 26%)
Яскравість: 0,114

Crocodile Smile #8A8E55

RGB: rgb(138, 142, 85)
HSL: hsl(64, 25%, 45%)
Яскравість: 0,254

Canyon Verde #8B805D

RGB: rgb(139, 128, 93)
HSL: hsl(46, 20%, 45%)
Яскравість: 0,217

Carton #BB9E7F

RGB: rgb(187, 158, 127)
HSL: hsl(31, 31%, 62%)
Яскравість: 0,366

Steamy Dumpling #EBEAB2

RGB: rgb(235, 234, 178)
HSL: hsl(59, 59%, 81%)
Яскравість: 0,797

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

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

Aa #2D0E03 на #EBEAB2 14,41:1 AAA

Aa #4A3F0C на #EBEAB2 8,44:1 AAA

Aa #860210 на #EBEAB2 8,35:1 AAA

Aa #2D0E03 на #BB9E7F 7,07:1 AAA

Aa #7F3A28 на #EBEAB2 6,68:1 AA

Aa #2D0E03 на #8A8E55 5,17:1 AA

Aa #6C5F17 на #EBEAB2 5,16:1 AA

Aa #A54E14 на #EBEAB2 4,58:1 AA

Aa #2D0E03 на #8B805D 4,54:1 AA

Aa #4A3F0C на #BB9E7F 4,14:1 AA, великий текст

Aa #860210 на #BB9E7F 4,09:1 AA, великий текст

Aa #7F3A28 на #BB9E7F 3,27:1 AA, великий текст

Aa #8B805D на #EBEAB2 3,17:1 AA, великий текст

Aa #2D0E03 на #A54E14 3,15:1 AA, великий текст

Aa #4A3F0C на #8A8E55 3,03:1 AA, великий текст

Aa #860210 на #8A8E55 3,00:1 AA, великий текст

Aa #2D0E03 на #6C5F17 2,80:1 Не проходить

Aa #8A8E55 на #EBEAB2 2,79:1 Не проходить

Aa #4A3F0C на #8B805D 2,66:1 Не проходить

Aa #860210 на #8B805D 2,63:1 Не проходить

Aa #6C5F17 на #BB9E7F 2,53:1 Не проходить

Aa #7F3A28 на #8A8E55 2,40:1 Не проходить

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

Aa #2D0E03 на #7F3A28 2,16:1 Не проходить

Aa #7F3A28 на #8B805D 2,11:1 Не проходить

Aa #BB9E7F на #EBEAB2 2,04:1 Не проходить

Aa #6C5F17 на #8A8E55 1,85:1 Не проходить

Aa #A54E14 на #4A3F0C 1,84:1 Не проходить

Aa #860210 на #A54E14 1,82:1 Не проходить

Aa #2D0E03 на #860210 1,73:1 Не проходить

Aa #2D0E03 на #4A3F0C 1,71:1 Не проходить

Aa #A54E14 на #8A8E55 1,64:1 Не проходить

Aa #4A3F0C на #6C5F17 1,64:1 Не проходить

Aa #6C5F17 на #8B805D 1,63:1 Не проходить

Aa #860210 на #6C5F17 1,62:1 Не проходить

Aa #8B805D на #BB9E7F 1,56:1 Не проходить

Aa #7F3A28 на #A54E14 1,46:1 Не проходить

Aa #A54E14 на #8B805D 1,44:1 Не проходить

Aa #8A8E55 на #BB9E7F 1,37:1 Не проходить

Aa #7F3A28 на #6C5F17 1,29:1 Не проходить

Aa #7F3A28 на #4A3F0C 1,26:1 Не проходить

Aa #860210 на #7F3A28 1,25:1 Не проходить

Aa #8A8E55 на #8B805D 1,14:1 Не проходить

Aa #A54E14 на #6C5F17 1,13:1 Не проходить

Aa #860210 на #4A3F0C 1,01: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 кольори

If It Ain't Baroque, Don't Fix It