Реєстрація Реєстрація
BloodThirst

BloodThirst

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

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

BloodThirst

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

Редагувати
Яскраві 9 кольорів Теплі Темні Тріадна red crimson blood darkred
Вподобання 90
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #070020;
  --c-vibrant-2: #22032A;
  --c-vibrant-3: #36052B;
  --c-vibrant-4: #580D27;
  --c-vibrant-5: #7C1327;
  --c-vibrant-6: #C71F22;
  --c-vibrant-7: #E48585;
  --c-vibrant-8: #F0B8B8;
  --c-vibrant-9: #FBDFD0;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від Elizabeth Rose (#FBDFD0), найсвітлішого тону, до Hadopelagic Water (#070020), найтемнішого. Вона об'єднує Hadopelagic Water, Black Sabbath, Globe Thistle, Chocolate Cosmos, Heavy Heart, Star and Crescent Red, Boho Blush, Old Flame та Elizabeth Rose в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #070020 на #FBDFD0 (16,09:1).

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

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

Hadopelagic Water #070020
RGB
rgb(7, 0, 32)
HSL
hsl(253, 100%, 6%)
Яскравість
0,002
Black Sabbath #22032A
RGB
rgb(34, 3, 42)
HSL
hsl(288, 87%, 9%)
Яскравість
0,006
Globe Thistle #36052B
RGB
rgb(54, 5, 43)
HSL
hsl(313, 83%, 12%)
Яскравість
0,011
Chocolate Cosmos #580D27
RGB
rgb(88, 13, 39)
HSL
hsl(339, 74%, 20%)
Яскравість
0,025
Heavy Heart #7C1327
RGB
rgb(124, 19, 39)
HSL
hsl(349, 73%, 28%)
Яскравість
0,049
Star and Crescent Red #C71F22
RGB
rgb(199, 31, 34)
HSL
hsl(359, 73%, 45%)
Яскравість
0,132
Boho Blush #E48585
RGB
rgb(228, 133, 133)
HSL
hsl(0, 64%, 71%)
Яскравість
0,350
Old Flame #F0B8B8
RGB
rgb(240, 184, 184)
HSL
hsl(0, 65%, 83%)
Яскравість
0,563
Elizabeth Rose #FBDFD0
RGB
rgb(251, 223, 208)
HSL
hsl(21, 84%, 90%)
Яскравість
0,778

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

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

Aa #070020 на #FBDFD0 16,09:1 AAA
Aa #22032A на #FBDFD0 14,87:1 AAA
Aa #36052B на #FBDFD0 13,65:1 AAA
Aa #070020 на #F0B8B8 11,90:1 AAA
Aa #580D27 на #FBDFD0 11,03:1 AAA
Aa #22032A на #F0B8B8 10,99:1 AAA
Aa #36052B на #F0B8B8 10,10:1 AAA
Aa #7C1327 на #FBDFD0 8,37:1 AAA
Aa #580D27 на #F0B8B8 8,16:1 AAA
Aa #070020 на #E48585 7,76:1 AAA
Aa #22032A на #E48585 7,17:1 AAA
Aa #36052B на #E48585 6,59:1 AA
Aa #7C1327 на #F0B8B8 6,19:1 AA
Aa #580D27 на #E48585 5,32:1 AA
Aa #C71F22 на #FBDFD0 4,54:1 AA
Aa #7C1327 на #E48585 4,04:1 AA, великий текст
Aa #070020 на #C71F22 3,54:1 AA, великий текст
Aa #C71F22 на #F0B8B8 3,36:1 AA, великий текст
Aa #22032A на #C71F22 3,27:1 AA, великий текст
Aa #36052B на #C71F22 3,01:1 AA, великий текст
Aa #580D27 на #C71F22 2,43:1 Не проходить
Aa #C71F22 на #E48585 2,19:1 Не проходить
Aa #E48585 на #FBDFD0 2,07:1 Не проходить
Aa #070020 на #7C1327 1,92:1 Не проходить
Aa #7C1327 на #C71F22 1,84:1 Не проходить
Aa #22032A на #7C1327 1,78:1 Не проходить
Aa #36052B на #7C1327 1,63:1 Не проходить
Aa #E48585 на #F0B8B8 1,53:1 Не проходить
Aa #070020 на #580D27 1,46:1 Не проходить
Aa #22032A на #580D27 1,35:1 Не проходить
Aa #F0B8B8 на #FBDFD0 1,35:1 Не проходить
Aa #580D27 на #7C1327 1,32:1 Не проходить
Aa #36052B на #580D27 1,24:1 Не проходить
Aa #070020 на #36052B 1,18:1 Не проходить
Aa #22032A на #36052B 1,09:1 Не проходить
Aa #070020 на #22032A 1,08: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 кольори