Реєстрація Реєстрація
Médor9

Médor9

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

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

Médor9

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

Редагувати
Яскраві 9 кольорів Теплі Змішані Аналогова 9colors dog
Вподобання 19
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #E5E5E5;
  --c-vibrant-2: #E8C53C;
  --c-vibrant-3: #BAB200;
  --c-vibrant-4: #D88C1A;
  --c-vibrant-5: #BC6336;
  --c-vibrant-6: #666600;
  --c-vibrant-7: #68294E;
  --c-vibrant-8: #47211A;
  --c-vibrant-9: #270E0E;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від Cold Morning (#E5E5E5), найсвітлішого тону, до Italian Roast (#270E0E), найтемнішого. Вона об'єднує Cold Morning, Lime Drop, Muddy Yellow, Apricot Chicken, Smoke Tree, Earthy Khaki Green, Ebizome Purple, Marmite та Italian Roast в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #E5E5E5 на #270E0E (14,43:1).

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

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

Cold Morning #E5E5E5
RGB
rgb(229, 229, 229)
HSL
hsl(0, 0%, 90%)
Яскравість
0,784
Lime Drop #E8C53C
RGB
rgb(232, 197, 60)
HSL
hsl(48, 79%, 57%)
Яскравість
0,574
Muddy Yellow #BAB200
RGB
rgb(186, 178, 0)
HSL
hsl(57, 100%, 36%)
Яскравість
0,423
Apricot Chicken #D88C1A
RGB
rgb(216, 140, 26)
HSL
hsl(36, 79%, 47%)
Яскравість
0,334
Smoke Tree #BC6336
RGB
rgb(188, 99, 54)
HSL
hsl(20, 55%, 47%)
Яскравість
0,199
Earthy Khaki Green #666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
Яскравість
0,123
Ebizome Purple #68294E
RGB
rgb(104, 41, 78)
HSL
hsl(325, 43%, 28%)
Яскравість
0,051
Marmite #47211A
RGB
rgb(71, 33, 26)
HSL
hsl(9, 46%, 19%)
Яскравість
0,025
Italian Roast #270E0E
RGB
rgb(39, 14, 14)
HSL
hsl(0, 47%, 10%)
Яскравість
0,008

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

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

Aa #E5E5E5 на #270E0E 14,43:1 AAA
Aa #E5E5E5 на #47211A 11,11:1 AAA
Aa #E8C53C на #270E0E 10,80:1 AAA
Aa #E8C53C на #47211A 8,32:1 AAA
Aa #E5E5E5 на #68294E 8,27:1 AAA
Aa #BAB200 на #270E0E 8,18:1 AAA
Aa #D88C1A на #270E0E 6,65:1 AA
Aa #BAB200 на #47211A 6,30:1 AA
Aa #E8C53C на #68294E 6,19:1 AA
Aa #D88C1A на #47211A 5,12:1 AA
Aa #E5E5E5 на #666600 4,81:1 AA
Aa #BAB200 на #68294E 4,69:1 AA
Aa #BC6336 на #270E0E 4,31:1 AA, великий текст
Aa #D88C1A на #68294E 3,81:1 AA, великий текст
Aa #E8C53C на #666600 3,60:1 AA, великий текст
Aa #E5E5E5 на #BC6336 3,35:1 AA, великий текст
Aa #BC6336 на #47211A 3,32:1 AA, великий текст
Aa #666600 на #270E0E 3,00:1 AA, великий текст
Aa #BAB200 на #666600 2,73:1 Не проходить
Aa #E8C53C на #BC6336 2,51:1 Не проходить
Aa #BC6336 на #68294E 2,47:1 Не проходить
Aa #666600 на #47211A 2,31:1 Не проходить
Aa #D88C1A на #666600 2,22:1 Не проходить
Aa #E5E5E5 на #D88C1A 2,17:1 Не проходить
Aa #BAB200 на #BC6336 1,90:1 Не проходить
Aa #E5E5E5 на #BAB200 1,76:1 Не проходить
Aa #68294E на #270E0E 1,74:1 Не проходить
Aa #666600 на #68294E 1,72:1 Не проходить
Aa #E8C53C на #D88C1A 1,62:1 Не проходить
Aa #D88C1A на #BC6336 1,54:1 Не проходить
Aa #BC6336 на #666600 1,44:1 Не проходить
Aa #E5E5E5 на #E8C53C 1,34:1 Не проходить
Aa #68294E на #47211A 1,34:1 Не проходить
Aa #E8C53C на #BAB200 1,32:1 Не проходить
Aa #47211A на #270E0E 1,30:1 Не проходить
Aa #BAB200 на #D88C1A 1,23: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 кольори