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

Mame11

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

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

Mame11

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

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

CSS-змінні

:root {
  --c-vibrant-1: #091E26;
  --c-vibrant-2: #2C2259;
  --c-vibrant-3: #C341EA;
  --c-vibrant-4: #FFA3DE;
  --c-vibrant-5: #FFE8F6;
  --c-vibrant-6: #FFB496;
  --c-vibrant-7: #FF708F;
  --c-vibrant-8: #2E4B77;
  --c-vibrant-9: #15877F;
  --c-vibrant-10: #41EA9E;
  --c-vibrant-11: #D6FFCE;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Herbal Vapours (#D6FFCE), найсвітлішого тону, до Teal Spill (#091E26), найтемнішого. Вона об'єднує Teal Spill, Cluedo Night, Ultraviolet Onsible, Corinthian Pink, Dolomite Crystal, Island Girl, Blush Hour, Dragonfly, Green Ink, Sea Green та Herbal Vapours в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #091E26 на #D6FFCE (15,55:1).

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

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

Teal Spill #091E26
RGB
rgb(9, 30, 38)
HSL
hsl(197, 62%, 9%)
Яскравість
0,011
Cluedo Night #2C2259
RGB
rgb(44, 34, 89)
HSL
hsl(251, 45%, 24%)
Яскравість
0,024
Ultraviolet Onsible #C341EA
RGB
rgb(195, 65, 234)
HSL
hsl(286, 80%, 59%)
Яскравість
0,213
Corinthian Pink #FFA3DE
RGB
rgb(255, 163, 222)
HSL
hsl(322, 100%, 82%)
Яскравість
0,527
Dolomite Crystal #FFE8F6
RGB
rgb(255, 232, 246)
HSL
hsl(323, 100%, 95%)
Яскравість
0,856
Island Girl #FFB496
RGB
rgb(255, 180, 150)
HSL
hsl(17, 100%, 79%)
Яскравість
0,561
Blush Hour #FF708F
RGB
rgb(255, 112, 143)
HSL
hsl(347, 100%, 72%)
Яскравість
0,348
Dragonfly #2E4B77
RGB
rgb(46, 75, 119)
HSL
hsl(216, 44%, 32%)
Яскравість
0,069
Green Ink #15877F
RGB
rgb(21, 135, 127)
HSL
hsl(176, 73%, 31%)
Яскравість
0,190
Sea Green #41EA9E
RGB
rgb(65, 234, 158)
HSL
hsl(153, 80%, 59%)
Яскравість
0,624
Herbal Vapours #D6FFCE
RGB
rgb(214, 255, 206)
HSL
hsl(110, 100%, 90%)
Яскравість
0,903

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

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

Aa #091E26 на #D6FFCE 15,55:1 AAA
Aa #091E26 на #FFE8F6 14,79:1 AAA
Aa #2C2259 на #D6FFCE 12,87:1 AAA
Aa #2C2259 на #FFE8F6 12,25:1 AAA
Aa #091E26 на #41EA9E 11,01:1 AAA
Aa #091E26 на #FFB496 9,97:1 AAA
Aa #091E26 на #FFA3DE 9,42:1 AAA
Aa #2C2259 на #41EA9E 9,11:1 AAA
Aa #2C2259 на #FFB496 8,26:1 AAA
Aa #2E4B77 на #D6FFCE 7,98:1 AAA
Aa #2C2259 на #FFA3DE 7,80:1 AAA
Aa #FFE8F6 на #2E4B77 7,59:1 AAA
Aa #091E26 на #FF708F 6,50:1 AA
Aa #2E4B77 на #41EA9E 5,65:1 AA
Aa #2C2259 на #FF708F 5,38:1 AA
Aa #FFB496 на #2E4B77 5,12:1 AA
Aa #FFA3DE на #2E4B77 4,83:1 AA
Aa #091E26 на #C341EA 4,30:1 AA, великий текст
Aa #15877F на #D6FFCE 3,97:1 AA, великий текст
Aa #091E26 на #15877F 3,92:1 AA, великий текст
Aa #FFE8F6 на #15877F 3,77:1 AA, великий текст
Aa #C341EA на #D6FFCE 3,62:1 AA, великий текст
Aa #2C2259 на #C341EA 3,56:1 AA, великий текст
Aa #C341EA на #FFE8F6 3,44:1 AA, великий текст
Aa #FF708F на #2E4B77 3,33:1 AA, великий текст
Aa #2C2259 на #15877F 3,25:1 AA, великий текст
Aa #15877F на #41EA9E 2,81:1 Не проходить
Aa #C341EA на #41EA9E 2,56:1 Не проходить
Aa #FFB496 на #15877F 2,54:1 Не проходить
Aa #FFA3DE на #15877F 2,40:1 Не проходить
Aa #FF708F на #D6FFCE 2,39:1 Не проходить
Aa #C341EA на #FFB496 2,32:1 Не проходить
Aa #FFE8F6 на #FF708F 2,28:1 Не проходить
Aa #C341EA на #2E4B77 2,20:1 Не проходить
Aa #C341EA на #FFA3DE 2,19:1 Не проходить
Aa #2E4B77 на #15877F 2,01:1 Не проходить
Aa #091E26 на #2E4B77 1,95:1 Не проходить
Aa #FF708F на #41EA9E 1,69:1 Не проходить
Aa #FF708F на #15877F 1,66:1 Не проходить
Aa #FFA3DE на #D6FFCE 1,65:1 Не проходить
Aa #2C2259 на #2E4B77 1,61:1 Не проходить
Aa #FFA3DE на #FFE8F6 1,57:1 Не проходить
Aa #FFB496 на #D6FFCE 1,56:1 Не проходить
Aa #FFB496 на #FF708F 1,53:1 Не проходить
Aa #C341EA на #FF708F 1,51:1 Не проходить
Aa #FFE8F6 на #FFB496 1,48:1 Не проходить
Aa #FFA3DE на #FF708F 1,45:1 Не проходить
Aa #41EA9E на #D6FFCE 1,41:1 Не проходить
Aa #FFE8F6 на #41EA9E 1,34:1 Не проходить
Aa #091E26 на #2C2259 1,21:1 Не проходить
Aa #FFA3DE на #41EA9E 1,17:1 Не проходить
Aa #C341EA на #15877F 1,10:1 Не проходить
Aa #FFB496 на #41EA9E 1,10:1 Не проходить
Aa #FFA3DE на #FFB496 1,06:1 Не проходить
Aa #FFE8F6 на #D6FFCE 1,05:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори