Реєстрація Реєстрація
Rustic Rainbow 🌈

Rustic Rainbow 🌈

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

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

Rustic Rainbow 🌈

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

Редагувати
Приглушені 12 кольорів Теплі Темні Комплементарна polyphrog soundsdotzip rustic rainbow
Вподобання 175
Кольори 12

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #2B2422;
  --c-muted-3: #534D37;
  --c-muted-4: #638454;
  --c-muted-5: #6E9D8E;
  --c-muted-6: #4D596D;
  --c-muted-7: #3E213E;
  --c-muted-8: #773F37;
  --c-muted-9: #976749;
  --c-muted-10: #AFA074;
  --c-muted-11: #CBC6BE;
  --c-muted-12: #8B847F;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Early Evening (#CBC6BE), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Gold Black, Panda, Kale, Greyish Teal, Midnight Sun, Profound Mauve, Florence Red, Copper Pot, Throw Rug, Early Evening та Mecha Grey в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 13 з них, найконтрастніша — #000000 на #CBC6BE (12,36:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Gold Black #2B2422
RGB
rgb(43, 36, 34)
HSL
hsl(13, 12%, 15%)
Яскравість
0,019
Panda #534D37
RGB
rgb(83, 77, 55)
HSL
hsl(47, 20%, 27%)
Яскравість
0,074
Kale #638454
RGB
rgb(99, 132, 84)
HSL
hsl(101, 22%, 42%)
Яскравість
0,198
Greyish Teal #6E9D8E
RGB
rgb(110, 157, 142)
HSL
hsl(161, 19%, 52%)
Яскравість
0,294
Midnight Sun #4D596D
RGB
rgb(77, 89, 109)
HSL
hsl(218, 17%, 36%)
Яскравість
0,098
Profound Mauve #3E213E
RGB
rgb(62, 33, 62)
HSL
hsl(300, 31%, 19%)
Яскравість
0,025
Florence Red #773F37
RGB
rgb(119, 63, 55)
HSL
hsl(8, 37%, 34%)
Яскравість
0,078
Copper Pot #976749
RGB
rgb(151, 103, 73)
HSL
hsl(23, 35%, 44%)
Яскравість
0,168
Throw Rug #AFA074
RGB
rgb(175, 160, 116)
HSL
hsl(45, 27%, 57%)
Яскравість
0,355
Early Evening #CBC6BE
RGB
rgb(203, 198, 190)
HSL
hsl(37, 11%, 77%)
Яскравість
0,568
Mecha Grey #8B847F
RGB
rgb(139, 132, 127)
HSL
hsl(25, 5%, 52%)
Яскравість
0,235

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

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

Aa #000000 на #CBC6BE 12,36:1 AAA
Aa #2B2422 на #CBC6BE 8,97:1 AAA
Aa #3E213E на #CBC6BE 8,28:1 AAA
Aa #000000 на #AFA074 8,10:1 AAA
Aa #000000 на #6E9D8E 6,88:1 AA
Aa #2B2422 на #AFA074 5,88:1 AA
Aa #000000 на #8B847F 5,70:1 AA
Aa #3E213E на #AFA074 5,43:1 AA
Aa #2B2422 на #6E9D8E 4,99:1 AA
Aa #534D37 на #CBC6BE 4,97:1 AA
Aa #000000 на #638454 4,96:1 AA
Aa #773F37 на #CBC6BE 4,85:1 AA
Aa #6E9D8E на #3E213E 4,61:1 AA
Aa #000000 на #976749 4,35:1 AA, великий текст
Aa #4D596D на #CBC6BE 4,17:1 AA, великий текст
Aa #2B2422 на #8B847F 4,14:1 AA, великий текст
Aa #3E213E на #8B847F 3,82:1 AA, великий текст
Aa #2B2422 на #638454 3,60:1 AA, великий текст
Aa #638454 на #3E213E 3,32:1 AA, великий текст
Aa #534D37 на #AFA074 3,26:1 AA, великий текст
Aa #773F37 на #AFA074 3,18:1 AA, великий текст
Aa #2B2422 на #976749 3,16:1 AA, великий текст
Aa #000000 на #4D596D 2,97:1 Не проходить
Aa #3E213E на #976749 2,92:1 Не проходить
Aa #976749 на #CBC6BE 2,84:1 Не проходить
Aa #534D37 на #6E9D8E 2,77:1 Не проходить
Aa #4D596D на #AFA074 2,73:1 Не проходить
Aa #6E9D8E на #773F37 2,70:1 Не проходить
Aa #000000 на #773F37 2,55:1 Не проходить
Aa #638454 на #CBC6BE 2,49:1 Не проходить
Aa #000000 на #534D37 2,48:1 Не проходить
Aa #6E9D8E на #4D596D 2,32:1 Не проходить
Aa #534D37 на #8B847F 2,30:1 Не проходить
Aa #773F37 на #8B847F 2,24:1 Не проходить
Aa #CBC6BE на #8B847F 2,17:1 Не проходить
Aa #2B2422 на #4D596D 2,15:1 Не проходить
Aa #534D37 на #638454 2,00:1 Не проходить
Aa #4D596D на #3E213E 1,99:1 Не проходить
Aa #638454 на #773F37 1,94:1 Не проходить
Aa #4D596D на #8B847F 1,92:1 Не проходить
Aa #976749 на #AFA074 1,86:1 Не проходить
Aa #2B2422 на #773F37 1,85:1 Не проходить
Aa #2B2422 на #534D37 1,80:1 Не проходить
Aa #6E9D8E на #CBC6BE 1,80:1 Не проходить
Aa #534D37 на #976749 1,75:1 Не проходить
Aa #3E213E на #773F37 1,71:1 Не проходить
Aa #773F37 на #976749 1,71:1 Не проходить
Aa #534D37 на #3E213E 1,67:1 Не проходить
Aa #638454 на #4D596D 1,67:1 Не проходить
Aa #638454 на #AFA074 1,63:1 Не проходить
Aa #6E9D8E на #976749 1,58:1 Не проходить
Aa #AFA074 на #CBC6BE 1,53:1 Не проходить
Aa #000000 на #3E213E 1,49:1 Не проходить
Aa #4D596D на #976749 1,47:1 Не проходить
Aa #AFA074 на #8B847F 1,42:1 Не проходить
Aa #638454 на #6E9D8E 1,39:1 Не проходить
Aa #000000 на #2B2422 1,38:1 Не проходить
Aa #976749 на #8B847F 1,31:1 Не проходить
Aa #6E9D8E на #8B847F 1,21:1 Не проходить
Aa #534D37 на #4D596D 1,19:1 Не проходить
Aa #6E9D8E на #AFA074 1,18:1 Не проходить
Aa #4D596D на #773F37 1,16:1 Не проходить
Aa #638454 на #8B847F 1,15:1 Не проходить
Aa #638454 на #976749 1,14:1 Не проходить
Aa #2B2422 на #3E213E 1,08:1 Не проходить
Aa #534D37 на #773F37 1,03: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 кольори