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

SeasonOfWishes

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

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

SeasonOfWishes

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

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

CSS-змінні

:root {
  --c-vibrant-1: #001E3D;
  --c-vibrant-2: #005C66;
  --c-vibrant-3: #22AB80;
  --c-vibrant-4: #7DFFD4;
  --c-vibrant-5: #A1411B;
  --c-vibrant-6: #DE9A26;
  --c-vibrant-7: #FFC68C;
  --c-vibrant-8: #E6FFF7;
  --c-vibrant-9: #3B001F;
  --c-vibrant-10: #5C1515;
  --c-vibrant-11: #A62121;
  --c-vibrant-12: #FF443B;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Mint Chiffon (#E6FFF7), найсвітлішого тону, до Vienna Roast (#3B001F), найтемнішого. Вона об'єднує Midnight Mirage, Egyptian Enamel, Crayola Green, Hiroshima Aquamarine, Hot Brown, Tiger King, Bundaberg Sand, Mint Chiffon, Vienna Roast, Philippine Brown, Red Menace та Red Coral в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 25 з них, найконтрастніша — #E6FFF7 на #3B001F (16,6:1).

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

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

Midnight Mirage #001E3D
RGB
rgb(0, 30, 61)
HSL
hsl(210, 100%, 12%)
Яскравість
0,013
Egyptian Enamel #005C66
RGB
rgb(0, 92, 102)
HSL
hsl(186, 100%, 20%)
Яскравість
0,086
Crayola Green #22AB80
RGB
rgb(34, 171, 128)
HSL
hsl(161, 67%, 40%)
Яскравість
0,310
Hiroshima Aquamarine #7DFFD4
RGB
rgb(125, 255, 212)
HSL
hsl(160, 100%, 75%)
Яскравість
0,806
Hot Brown #A1411B
RGB
rgb(161, 65, 27)
HSL
hsl(17, 71%, 37%)
Яскравість
0,114
Tiger King #DE9A26
RGB
rgb(222, 154, 38)
HSL
hsl(38, 74%, 51%)
Яскравість
0,388
Bundaberg Sand #FFC68C
RGB
rgb(255, 198, 140)
HSL
hsl(30, 100%, 77%)
Яскравість
0,635
Mint Chiffon #E6FFF7
RGB
rgb(230, 255, 247)
HSL
hsl(161, 100%, 95%)
Яскравість
0,951
Vienna Roast #3B001F
RGB
rgb(59, 0, 31)
HSL
hsl(328, 100%, 12%)
Яскравість
0,010
Philippine Brown #5C1515
RGB
rgb(92, 21, 21)
HSL
hsl(0, 63%, 22%)
Яскравість
0,029
Red Menace #A62121
RGB
rgb(166, 33, 33)
HSL
hsl(0, 67%, 39%)
Яскравість
0,093
Red Coral #FF443B
RGB
rgb(255, 68, 59)
HSL
hsl(3, 100%, 62%)
Яскравість
0,257

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

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

Aa #E6FFF7 на #3B001F 16,60:1 AAA
Aa #001E3D на #E6FFF7 15,97:1 AAA
Aa #7DFFD4 на #3B001F 14,20:1 AAA
Aa #001E3D на #7DFFD4 13,67:1 AAA
Aa #E6FFF7 на #5C1515 12,72:1 AAA
Aa #FFC68C на #3B001F 11,37:1 AAA
Aa #001E3D на #FFC68C 10,94:1 AAA
Aa #7DFFD4 на #5C1515 10,89:1 AAA
Aa #FFC68C на #5C1515 8,71:1 AAA
Aa #005C66 на #E6FFF7 7,35:1 AAA
Aa #DE9A26 на #3B001F 7,26:1 AAA
Aa #001E3D на #DE9A26 6,99:1 AA
Aa #E6FFF7 на #A62121 6,99:1 AA
Aa #005C66 на #7DFFD4 6,29:1 AA
Aa #A1411B на #E6FFF7 6,09:1 AA
Aa #7DFFD4 на #A62121 5,99:1 AA
Aa #22AB80 на #3B001F 5,98:1 AA
Aa #001E3D на #22AB80 5,75:1 AA
Aa #DE9A26 на #5C1515 5,57:1 AA
Aa #7DFFD4 на #A1411B 5,21:1 AA
Aa #3B001F на #FF443B 5,09:1 AA
Aa #005C66 на #FFC68C 5,03:1 AA
Aa #001E3D на #FF443B 4,90:1 AA
Aa #FFC68C на #A62121 4,79:1 AA
Aa #22AB80 на #5C1515 4,58:1 AA
Aa #A1411B на #FFC68C 4,17:1 AA, великий текст
Aa #5C1515 на #FF443B 3,90:1 AA, великий текст
Aa #E6FFF7 на #FF443B 3,26:1 AA, великий текст
Aa #005C66 на #DE9A26 3,22:1 AA, великий текст
Aa #DE9A26 на #A62121 3,06:1 AA, великий текст
Aa #7DFFD4 на #FF443B 2,79:1 Не проходить
Aa #22AB80 на #E6FFF7 2,78:1 Не проходить
Aa #A1411B на #3B001F 2,73:1 Не проходить
Aa #A1411B на #DE9A26 2,66:1 Не проходить
Aa #005C66 на #22AB80 2,65:1 Не проходить
Aa #001E3D на #A1411B 2,62:1 Не проходить
Aa #22AB80 на #A62121 2,52:1 Не проходить
Aa #22AB80 на #7DFFD4 2,38:1 Не проходить
Aa #3B001F на #A62121 2,37:1 Не проходить
Aa #DE9A26 на #E6FFF7 2,29:1 Не проходить
Aa #001E3D на #A62121 2,28:1 Не проходить
Aa #005C66 на #3B001F 2,26:1 Не проходить
Aa #005C66 на #FF443B 2,26:1 Не проходить
Aa #FFC68C на #FF443B 2,23:1 Не проходить
Aa #22AB80 на #A1411B 2,19:1 Не проходить
Aa #001E3D на #005C66 2,17:1 Не проходить
Aa #A62121 на #FF443B 2,15:1 Не проходить
Aa #A1411B на #5C1515 2,09:1 Не проходить
Aa #7DFFD4 на #DE9A26 1,96:1 Не проходить
Aa #22AB80 на #FFC68C 1,90:1 Не проходить
Aa #A1411B на #FF443B 1,87:1 Не проходить
Aa #5C1515 на #A62121 1,82:1 Не проходить
Aa #005C66 на #5C1515 1,73:1 Не проходить
Aa #DE9A26 на #FFC68C 1,57:1 Не проходить
Aa #FFC68C на #E6FFF7 1,46:1 Не проходить
Aa #DE9A26 на #FF443B 1,43:1 Не проходить
Aa #3B001F на #5C1515 1,30:1 Не проходить
Aa #001E3D на #5C1515 1,26:1 Не проходить
Aa #7DFFD4 на #FFC68C 1,25:1 Не проходить
Aa #22AB80 на #DE9A26 1,22:1 Не проходить
Aa #005C66 на #A1411B 1,21:1 Не проходить
Aa #22AB80 на #FF443B 1,17:1 Не проходить
Aa #7DFFD4 на #E6FFF7 1,17:1 Не проходить
Aa #A1411B на #A62121 1,15:1 Не проходить
Aa #005C66 на #A62121 1,05:1 Не проходить
Aa #001E3D на #3B001F 1,04: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 кольори