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

CafeArisuki

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

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

CafeArisuki

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

Редагувати
Яскраві 10 кольорів Теплі Змішані Аналогова pastel food fydotiles pastry
Вподобання 36
Кольори 10

CSS-змінні

:root {
  --c-vibrant-1: #49223F;
  --c-vibrant-2: #CC2B46;
  --c-vibrant-3: #F37E7E;
  --c-vibrant-4: #E7A794;
  --c-vibrant-5: #FBF1D1;
  --c-vibrant-6: #F6CDA3;
  --c-vibrant-7: #CA833C;
  --c-vibrant-8: #8A4646;
  --c-vibrant-9: #538F5A;
  --c-vibrant-10: #B4ACCC;
}

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

Ця яскрава палітра з 10 кольорів охоплює діапазон від Picture Perfect (#FBF1D1), найсвітлішого тону, до Prestige Mauve (#49223F), найтемнішого. Вона об'єднує Prestige Mauve, Demonic Kiss, Meat, Ageless Beauty, Picture Perfect, Lion Cub, Peru, Forbidden Red, Middle Green та Lavender Dream в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #49223F на #FBF1D1 (11,75:1).

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

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

Prestige Mauve #49223F
RGB
rgb(73, 34, 63)
HSL
hsl(315, 36%, 21%)
Яскравість
0,029
Demonic Kiss #CC2B46
RGB
rgb(204, 43, 70)
HSL
hsl(350, 65%, 48%)
Яскравість
0,150
Meat #F37E7E
RGB
rgb(243, 126, 126)
HSL
hsl(0, 83%, 72%)
Яскравість
0,355
Ageless Beauty #E7A794
RGB
rgb(231, 167, 148)
HSL
hsl(14, 63%, 74%)
Яскравість
0,468
Picture Perfect #FBF1D1
RGB
rgb(251, 241, 209)
HSL
hsl(46, 84%, 90%)
Яскравість
0,880
Lion Cub #F6CDA3
RGB
rgb(246, 205, 163)
HSL
hsl(30, 82%, 80%)
Яскравість
0,659
Peru #CA833C
RGB
rgb(202, 131, 60)
HSL
hsl(30, 57%, 51%)
Яскравість
0,291
Forbidden Red #8A4646
RGB
rgb(138, 70, 70)
HSL
hsl(0, 33%, 41%)
Яскравість
0,102
Middle Green #538F5A
RGB
rgb(83, 143, 90)
HSL
hsl(127, 27%, 44%)
Яскравість
0,222
Lavender Dream #B4ACCC
RGB
rgb(180, 172, 204)
HSL
hsl(255, 24%, 74%)
Яскравість
0,436

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

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

Aa #49223F на #FBF1D1 11,75:1 AAA
Aa #49223F на #F6CDA3 8,95:1 AAA
Aa #49223F на #E7A794 6,54:1 AA
Aa #49223F на #B4ACCC 6,13:1 AA
Aa #FBF1D1 на #8A4646 6,11:1 AA
Aa #49223F на #F37E7E 5,11:1 AA
Aa #F6CDA3 на #8A4646 4,66:1 AA
Aa #CC2B46 на #FBF1D1 4,65:1 AA
Aa #49223F на #CA833C 4,31:1 AA, великий текст
Aa #CC2B46 на #F6CDA3 3,54:1 AA, великий текст
Aa #49223F на #538F5A 3,44:1 AA, великий текст
Aa #FBF1D1 на #538F5A 3,42:1 AA, великий текст
Aa #E7A794 на #8A4646 3,40:1 AA, великий текст
Aa #8A4646 на #B4ACCC 3,19:1 AA, великий текст
Aa #FBF1D1 на #CA833C 2,73:1 Не проходить
Aa #F37E7E на #8A4646 2,66:1 Не проходить
Aa #F6CDA3 на #538F5A 2,60:1 Не проходить
Aa #CC2B46 на #E7A794 2,59:1 Не проходить
Aa #49223F на #CC2B46 2,53:1 Не проходить
Aa #CC2B46 на #B4ACCC 2,43:1 Не проходить
Aa #F37E7E на #FBF1D1 2,30:1 Не проходить
Aa #CA833C на #8A4646 2,24:1 Не проходить
Aa #F6CDA3 на #CA833C 2,08:1 Не проходить
Aa #CC2B46 на #F37E7E 2,02:1 Не проходить
Aa #49223F на #8A4646 1,92:1 Не проходить
Aa #FBF1D1 на #B4ACCC 1,92:1 Не проходить
Aa #E7A794 на #538F5A 1,90:1 Не проходить
Aa #E7A794 на #FBF1D1 1,80:1 Не проходить
Aa #8A4646 на #538F5A 1,79:1 Не проходить
Aa #538F5A на #B4ACCC 1,78:1 Не проходить
Aa #F37E7E на #F6CDA3 1,75:1 Не проходить
Aa #CC2B46 на #CA833C 1,71:1 Не проходить
Aa #E7A794 на #CA833C 1,52:1 Не проходить
Aa #F37E7E на #538F5A 1,49:1 Не проходить
Aa #F6CDA3 на #B4ACCC 1,46:1 Не проходить
Aa #CA833C на #B4ACCC 1,42:1 Не проходить
Aa #E7A794 на #F6CDA3 1,37:1 Не проходить
Aa #CC2B46 на #538F5A 1,36:1 Не проходить
Aa #CC2B46 на #8A4646 1,31:1 Не проходить
Aa #FBF1D1 на #F6CDA3 1,31:1 Не проходить
Aa #F37E7E на #E7A794 1,28:1 Не проходить
Aa #CA833C на #538F5A 1,25:1 Не проходить
Aa #F37E7E на #B4ACCC 1,20:1 Не проходить
Aa #F37E7E на #CA833C 1,19:1 Не проходить
Aa #E7A794 на #B4ACCC 1,07: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 кольори