Реєстрація Реєстрація
Trike 12

Trike 12

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

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

Trike 12

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

Редагувати
Яскраві 12 кольорів Холодні Змішані Тріадна
Вподобання 11
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #000614;
  --c-vibrant-2: #150261;
  --c-vibrant-3: #482980;
  --c-vibrant-4: #5848B3;
  --c-vibrant-5: #8682C7;
  --c-vibrant-6: #C4AFDB;
  --c-vibrant-7: #F596A3;
  --c-vibrant-8: #EB6375;
  --c-vibrant-9: #E32D5B;
  --c-vibrant-10: #C20034;
  --c-vibrant-11: #7D126D;
  --c-vibrant-12: #491157;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Moonraker (#C4AFDB), найсвітлішого тону, до Black Knight (#000614), найтемнішого. Вона об'єднує Black Knight, The Vast of Night, Spanish Violet, Swiss Plum, Faraway Sky, Moonraker, Cherry Foam, Sun-Kissed Coral, Strawberry Mix, Pomodoro, Purple Curse та Shani Purple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #000614 на #C4AFDB (10,14:1).

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

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

Black Knight #000614
RGB
rgb(0, 6, 20)
HSL
hsl(222, 100%, 4%)
Яскравість
0,002
The Vast of Night #150261
RGB
rgb(21, 2, 97)
HSL
hsl(252, 96%, 19%)
Яскравість
0,011
Spanish Violet #482980
RGB
rgb(72, 41, 128)
HSL
hsl(261, 51%, 33%)
Яскравість
0,045
Swiss Plum #5848B3
RGB
rgb(88, 72, 179)
HSL
hsl(249, 43%, 49%)
Яскравість
0,100
Faraway Sky #8682C7
RGB
rgb(134, 130, 199)
HSL
hsl(243, 38%, 65%)
Яскравість
0,252
Moonraker #C4AFDB
RGB
rgb(196, 175, 219)
HSL
hsl(269, 38%, 77%)
Яскравість
0,475
Cherry Foam #F596A3
RGB
rgb(245, 150, 163)
HSL
hsl(352, 83%, 77%)
Яскравість
0,439
Sun-Kissed Coral #EB6375
RGB
rgb(235, 99, 117)
HSL
hsl(352, 77%, 65%)
Яскравість
0,279
Strawberry Mix #E32D5B
RGB
rgb(227, 45, 91)
HSL
hsl(345, 76%, 53%)
Яскравість
0,190
Pomodoro #C20034
RGB
rgb(194, 0, 52)
HSL
hsl(344, 100%, 38%)
Яскравість
0,117
Purple Curse #7D126D
RGB
rgb(125, 18, 109)
HSL
hsl(309, 75%, 28%)
Яскравість
0,059
Shani Purple #491157
RGB
rgb(73, 17, 87)
HSL
hsl(288, 67%, 20%)
Яскравість
0,025

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

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

Aa #000614 на #C4AFDB 10,14:1 AAA
Aa #000614 на #F596A3 9,43:1 AAA
Aa #150261 на #C4AFDB 8,66:1 AAA
Aa #150261 на #F596A3 8,06:1 AAA
Aa #C4AFDB на #491157 7,00:1 AAA
Aa #F596A3 на #491157 6,51:1 AA
Aa #000614 на #EB6375 6,34:1 AA
Aa #000614 на #8682C7 5,82:1 AA
Aa #482980 на #C4AFDB 5,51:1 AA
Aa #150261 на #EB6375 5,42:1 AA
Aa #482980 на #F596A3 5,13:1 AA
Aa #150261 на #8682C7 4,97:1 AA
Aa #C4AFDB на #7D126D 4,82:1 AA
Aa #000614 на #E32D5B 4,63:1 AA
Aa #F596A3 на #7D126D 4,48:1 AA, великий текст
Aa #EB6375 на #491157 4,38:1 AA, великий текст
Aa #8682C7 на #491157 4,02:1 AA, великий текст
Aa #150261 на #E32D5B 3,95:1 AA, великий текст
Aa #5848B3 на #C4AFDB 3,51:1 AA, великий текст
Aa #482980 на #EB6375 3,45:1 AA, великий текст
Aa #5848B3 на #F596A3 3,27:1 AA, великий текст
Aa #000614 на #C20034 3,23:1 AA, великий текст
Aa #E32D5B на #491157 3,19:1 AA, великий текст
Aa #482980 на #8682C7 3,17:1 AA, великий текст
Aa #C4AFDB на #C20034 3,14:1 AA, великий текст
Aa #EB6375 на #7D126D 3,02:1 AA, великий текст
Aa #F596A3 на #C20034 2,92:1 Не проходить
Aa #000614 на #5848B3 2,89:1 Не проходить
Aa #8682C7 на #7D126D 2,77:1 Не проходить
Aa #150261 на #C20034 2,76:1 Не проходить
Aa #482980 на #E32D5B 2,52:1 Не проходить
Aa #150261 на #5848B3 2,47:1 Не проходить
Aa #C20034 на #491157 2,23:1 Не проходить
Aa #5848B3 на #EB6375 2,20:1 Не проходить
Aa #E32D5B на #7D126D 2,20:1 Не проходить
Aa #C4AFDB на #E32D5B 2,19:1 Не проходить
Aa #000614 на #7D126D 2,10:1 Не проходить
Aa #F596A3 на #E32D5B 2,04:1 Не проходить
Aa #5848B3 на #8682C7 2,02:1 Не проходить
Aa #5848B3 на #491157 1,99:1 Не проходить
Aa #EB6375 на #C20034 1,97:1 Не проходить
Aa #000614 на #482980 1,84:1 Не проходить
Aa #150261 на #7D126D 1,80:1 Не проходить
Aa #8682C7 на #C20034 1,80:1 Не проходить
Aa #482980 на #C20034 1,76:1 Не проходить
Aa #8682C7 на #C4AFDB 1,74:1 Не проходить
Aa #8682C7 на #F596A3 1,62:1 Не проходить
Aa #5848B3 на #E32D5B 1,60:1 Не проходить
Aa #C4AFDB на #EB6375 1,60:1 Не проходить
Aa #150261 на #482980 1,57:1 Не проходить
Aa #482980 на #5848B3 1,57:1 Не проходить
Aa #C20034 на #7D126D 1,53:1 Не проходить
Aa #F596A3 на #EB6375 1,49:1 Не проходить
Aa #000614 на #491157 1,45:1 Не проходить
Aa #7D126D на #491157 1,45:1 Не проходить
Aa #E32D5B на #C20034 1,43:1 Не проходить
Aa #5848B3 на #7D126D 1,37:1 Не проходить
Aa #EB6375 на #E32D5B 1,37:1 Не проходить
Aa #482980 на #491157 1,27:1 Не проходить
Aa #8682C7 на #E32D5B 1,26:1 Не проходить
Aa #150261 на #491157 1,24:1 Не проходить
Aa #000614 на #150261 1,17:1 Не проходить
Aa #482980 на #7D126D 1,14:1 Не проходить
Aa #5848B3 на #C20034 1,12:1 Не проходить
Aa #8682C7 на #EB6375 1,09:1 Не проходить
Aa #C4AFDB на #F596A3 1,07:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори