Реєстрація Реєстрація
Bluebell + Rot

Bluebell + Rot

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

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

Bluebell + Rot

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

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

CSS-змінні

:root {
  --c-vibrant-1: #45013B;
  --c-vibrant-2: #53298A;
  --c-vibrant-3: #726FD1;
  --c-vibrant-4: #AADEFA;
  --c-vibrant-5: #E2FCF3;
  --c-vibrant-6: #98E698;
  --c-vibrant-7: #86CC58;
  --c-vibrant-8: #818F1B;
  --c-vibrant-9: #63520C;
  --c-vibrant-10: #402201;
  --c-vibrant-11: #2B0A04;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Mint Condition (#E2FCF3), найсвітлішого тону, до Root Brew (#2B0A04), найтемнішого. Вона об'єднує Eggplant, KSU Purple, C64 Purple, Droplet, Mint Condition, Granny Smith Apple, Fairy Tale Green, Foggy Bog, Olive Brown, Blackened Brown та Root Brew в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 20 з них, найконтрастніша — #E2FCF3 на #2B0A04 (16,95:1).

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

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

Eggplant #45013B
RGB
rgb(69, 1, 59)
HSL
hsl(309, 97%, 14%)
Яскравість
0,016
KSU Purple #53298A
RGB
rgb(83, 41, 138)
HSL
hsl(266, 54%, 35%)
Яскравість
0,053
C64 Purple #726FD1
RGB
rgb(114, 111, 209)
HSL
hsl(242, 52%, 63%)
Яскравість
0,196
Droplet #AADEFA
RGB
rgb(170, 222, 250)
HSL
hsl(201, 89%, 82%)
Яскравість
0,677
Mint Condition #E2FCF3
RGB
rgb(226, 252, 243)
HSL
hsl(159, 81%, 94%)
Яскравість
0,923
Granny Smith Apple #98E698
RGB
rgb(152, 230, 152)
HSL
hsl(120, 61%, 75%)
Яскравість
0,655
Fairy Tale Green #86CC58
RGB
rgb(134, 204, 88)
HSL
hsl(96, 53%, 57%)
Яскравість
0,490
Foggy Bog #818F1B
RGB
rgb(129, 143, 27)
HSL
hsl(67, 68%, 33%)
Яскравість
0,244
Olive Brown #63520C
RGB
rgb(99, 82, 12)
HSL
hsl(48, 78%, 22%)
Яскравість
0,087
Blackened Brown #402201
RGB
rgb(64, 34, 1)
HSL
hsl(31, 97%, 13%)
Яскравість
0,022
Root Brew #2B0A04
RGB
rgb(43, 10, 4)
HSL
hsl(9, 83%, 9%)
Яскравість
0,007

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

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

Aa #E2FCF3 на #2B0A04 16,95:1 AAA
Aa #45013B на #E2FCF3 14,73:1 AAA
Aa #E2FCF3 на #402201 13,44:1 AAA
Aa #AADEFA на #2B0A04 12,67:1 AAA
Aa #98E698 на #2B0A04 12,29:1 AAA
Aa #45013B на #AADEFA 11,01:1 AAA
Aa #45013B на #98E698 10,68:1 AAA
Aa #AADEFA на #402201 10,05:1 AAA
Aa #98E698 на #402201 9,75:1 AAA
Aa #53298A на #E2FCF3 9,48:1 AAA
Aa #86CC58 на #2B0A04 9,40:1 AAA
Aa #45013B на #86CC58 8,17:1 AAA
Aa #86CC58 на #402201 7,46:1 AAA
Aa #E2FCF3 на #63520C 7,09:1 AAA
Aa #53298A на #AADEFA 7,08:1 AAA
Aa #53298A на #98E698 6,87:1 AA
Aa #AADEFA на #63520C 5,30:1 AA
Aa #53298A на #86CC58 5,26:1 AA
Aa #98E698 на #63520C 5,14:1 AA
Aa #818F1B на #2B0A04 5,12:1 AA
Aa #45013B на #818F1B 4,45:1 AA, великий текст
Aa #726FD1 на #2B0A04 4,28:1 AA, великий текст
Aa #818F1B на #402201 4,06:1 AA, великий текст
Aa #726FD1 на #E2FCF3 3,96:1 AA, великий текст
Aa #86CC58 на #63520C 3,93:1 AA, великий текст
Aa #45013B на #726FD1 3,72:1 AA, великий текст
Aa #726FD1 на #402201 3,39:1 AA, великий текст
Aa #E2FCF3 на #818F1B 3,31:1 AA, великий текст
Aa #726FD1 на #AADEFA 2,96:1 Не проходить
Aa #726FD1 на #98E698 2,87:1 Не проходить
Aa #53298A на #818F1B 2,86:1 Не проходить
Aa #AADEFA на #818F1B 2,47:1 Не проходить
Aa #98E698 на #818F1B 2,40:1 Не проходить
Aa #53298A на #726FD1 2,39:1 Не проходить
Aa #63520C на #2B0A04 2,39:1 Не проходить
Aa #726FD1 на #86CC58 2,20:1 Не проходить
Aa #818F1B на #63520C 2,14:1 Не проходить
Aa #45013B на #63520C 2,08:1 Не проходить
Aa #63520C на #402201 1,90:1 Не проходить
Aa #86CC58 на #818F1B 1,84:1 Не проходить
Aa #E2FCF3 на #86CC58 1,80:1 Не проходить
Aa #53298A на #2B0A04 1,79:1 Не проходить
Aa #726FD1 на #63520C 1,79:1 Не проходить
Aa #45013B на #53298A 1,55:1 Не проходить
Aa #53298A на #402201 1,42:1 Не проходить
Aa #E2FCF3 на #98E698 1,38:1 Не проходить
Aa #AADEFA на #86CC58 1,35:1 Не проходить
Aa #53298A на #63520C 1,34:1 Не проходить
Aa #AADEFA на #E2FCF3 1,34:1 Не проходить
Aa #98E698 на #86CC58 1,31:1 Не проходить
Aa #402201 на #2B0A04 1,26:1 Не проходить
Aa #726FD1 на #818F1B 1,20:1 Не проходить
Aa #45013B на #2B0A04 1,15:1 Не проходить
Aa #45013B на #402201 1,10:1 Не проходить
Aa #AADEFA на #98E698 1,03: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 кольори