Реєстрація Реєстрація
Ink Crimson

Ink Crimson

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

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

Ink Crimson

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

Редагувати
Приглушені 10 кольорів Теплі Темні Комплементарна red blue crimson cyberpunk
Вподобання 921
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #FF0546;
  --c-muted-2: #9C173B;
  --c-muted-3: #660F31;
  --c-muted-4: #450327;
  --c-muted-5: #270022;
  --c-muted-6: #17001D;
  --c-muted-7: #09010D;
  --c-muted-8: #0CE6F2;
  --c-muted-9: #0098DB;
  --c-muted-10: #1E579C;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Phosphorescent Blue (#0CE6F2), найсвітлішого тону, до Broken Tube (#09010D), найтемнішого. Вона об'єднує Cherry Soda, Vivid Burgundy, Plum Cheese, Blaze It Dark Magenta, Black Sabbath, Election Night, Broken Tube, Phosphorescent Blue, Atmosphere та Blue Chip в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #09010D на #0CE6F2 (13,33:1).

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

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

Cherry Soda #FF0546
RGB
rgb(255, 5, 70)
HSL
hsl(344, 100%, 51%)
Яскравість
0,218
Vivid Burgundy #9C173B
RGB
rgb(156, 23, 59)
HSL
hsl(344, 74%, 35%)
Яскравість
0,080
Plum Cheese #660F31
RGB
rgb(102, 15, 49)
HSL
hsl(337, 74%, 23%)
Яскравість
0,034
Blaze It Dark Magenta #450327
RGB
rgb(69, 3, 39)
HSL
hsl(327, 92%, 14%)
Яскравість
0,015
Black Sabbath #270022
RGB
rgb(39, 0, 34)
HSL
hsl(308, 100%, 8%)
Яскравість
0,006
Election Night #17001D
RGB
rgb(23, 0, 29)
HSL
hsl(288, 100%, 6%)
Яскравість
0,003
Broken Tube #09010D
RGB
rgb(9, 1, 13)
HSL
hsl(280, 86%, 3%)
Яскравість
0,001
Phosphorescent Blue #0CE6F2
RGB
rgb(12, 230, 242)
HSL
hsl(183, 91%, 50%)
Яскравість
0,631
Atmosphere #0098DB
RGB
rgb(0, 152, 219)
HSL
hsl(198, 100%, 43%)
Яскравість
0,276
Blue Chip #1E579C
RGB
rgb(30, 87, 156)
HSL
hsl(213, 68%, 36%)
Яскравість
0,095

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

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

Aa #09010D на #0CE6F2 13,33:1 AAA
Aa #17001D на #0CE6F2 12,92:1 AAA
Aa #270022 на #0CE6F2 12,27:1 AAA
Aa #450327 на #0CE6F2 10,51:1 AAA
Aa #660F31 на #0CE6F2 8,12:1 AAA
Aa #09010D на #0098DB 6,38:1 AA
Aa #17001D на #0098DB 6,18:1 AA
Aa #270022 на #0098DB 5,87:1 AA
Aa #FF0546 на #09010D 5,25:1 AA
Aa #9C173B на #0CE6F2 5,24:1 AA
Aa #FF0546 на #17001D 5,09:1 AA
Aa #450327 на #0098DB 5,03:1 AA
Aa #FF0546 на #270022 4,83:1 AA
Aa #0CE6F2 на #1E579C 4,70:1 AA
Aa #FF0546 на #450327 4,14:1 AA, великий текст
Aa #660F31 на #0098DB 3,88:1 AA, великий текст
Aa #FF0546 на #660F31 3,20:1 AA, великий текст
Aa #09010D на #1E579C 2,84:1 Не проходить
Aa #17001D на #1E579C 2,75:1 Не проходить
Aa #270022 на #1E579C 2,61:1 Не проходить
Aa #FF0546 на #0CE6F2 2,54:1 Не проходить
Aa #9C173B на #09010D 2,54:1 Не проходить
Aa #9C173B на #0098DB 2,51:1 Не проходить
Aa #9C173B на #17001D 2,47:1 Не проходить
Aa #9C173B на #270022 2,34:1 Не проходить
Aa #0098DB на #1E579C 2,25:1 Не проходить
Aa #450327 на #1E579C 2,24:1 Не проходить
Aa #0CE6F2 на #0098DB 2,09:1 Не проходить
Aa #FF0546 на #9C173B 2,06:1 Не проходить
Aa #9C173B на #450327 2,01:1 Не проходить
Aa #FF0546 на #1E579C 1,85:1 Не проходить
Aa #660F31 на #1E579C 1,73:1 Не проходить
Aa #660F31 на #09010D 1,64:1 Не проходить
Aa #660F31 на #17001D 1,59:1 Не проходить
Aa #9C173B на #660F31 1,55:1 Не проходить
Aa #660F31 на #270022 1,51:1 Не проходить
Aa #660F31 на #450327 1,30:1 Не проходить
Aa #450327 на #09010D 1,27:1 Не проходить
Aa #450327 на #17001D 1,23:1 Не проходить
Aa #FF0546 на #0098DB 1,21:1 Не проходить
Aa #450327 на #270022 1,17:1 Не проходить
Aa #9C173B на #1E579C 1,12:1 Не проходить
Aa #270022 на #09010D 1,09:1 Не проходить
Aa #270022 на #17001D 1,05:1 Не проходить
Aa #17001D на #09010D 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 кольори