Реєстрація Реєстрація
Cotton Candy

Cotton Candy

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

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

Cotton Candy

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

Редагувати
Яскраві 10 кольорів Теплі Змішані Комплементарна artist pink blue purple
Вподобання 25
Кольори 10

CSS-змінні

:root {
  --c-vibrant-1: #032165;
  --c-vibrant-2: #00608C;
  --c-vibrant-3: #00D6BA;
  --c-vibrant-4: #FFFAD6;
  --c-vibrant-5: #FFC0CF;
  --c-vibrant-6: #FF73C1;
  --c-vibrant-7: #CC1C58;
  --c-vibrant-8: #7B5CAB;
  --c-vibrant-9: #4F2D84;
  --c-vibrant-10: #000000;
}

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

Ця яскрава палітра з 10 кольорів охоплює діапазон від Country Summer (#FFFAD6), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Midnight Melancholia, Ink Blotch, Channel Marker Green, Country Summer, Garden Glory, Dream Setting, Love Surge, Genestealer Purple, Sick Blue та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #FFFAD6 на #000000 (19,9:1).

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

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

Midnight Melancholia #032165
RGB
rgb(3, 33, 101)
HSL
hsl(222, 94%, 20%)
Яскравість
0,021
Ink Blotch #00608C
RGB
rgb(0, 96, 140)
HSL
hsl(199, 100%, 27%)
Яскравість
0,103
Channel Marker Green #00D6BA
RGB
rgb(0, 214, 186)
HSL
hsl(172, 100%, 42%)
Яскравість
0,516
Country Summer #FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
Яскравість
0,945
Garden Glory #FFC0CF
RGB
rgb(255, 192, 207)
HSL
hsl(346, 100%, 88%)
Яскравість
0,635
Dream Setting #FF73C1
RGB
rgb(255, 115, 193)
HSL
hsl(327, 100%, 73%)
Яскравість
0,374
Love Surge #CC1C58
RGB
rgb(204, 28, 88)
HSL
hsl(340, 76%, 45%)
Яскравість
0,144
Genestealer Purple #7B5CAB
RGB
rgb(123, 92, 171)
HSL
hsl(264, 32%, 52%)
Яскравість
0,148
Sick Blue #4F2D84
RGB
rgb(79, 45, 132)
HSL
hsl(263, 49%, 35%)
Яскравість
0,052
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000

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

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

Aa #FFFAD6 на #000000 19,90:1 AAA
Aa #032165 на #FFFAD6 14,12:1 AAA
Aa #FFC0CF на #000000 13,69:1 AAA
Aa #00D6BA на #000000 11,33:1 AAA
Aa #FFFAD6 на #4F2D84 9,75:1 AAA
Aa #032165 на #FFC0CF 9,72:1 AAA
Aa #FF73C1 на #000000 8,47:1 AAA
Aa #032165 на #00D6BA 8,04:1 AAA
Aa #FFC0CF на #4F2D84 6,71:1 AA
Aa #00608C на #FFFAD6 6,52:1 AA
Aa #032165 на #FF73C1 6,01:1 AA
Aa #00D6BA на #4F2D84 5,55:1 AA
Aa #FFFAD6 на #CC1C58 5,14:1 AA
Aa #FFFAD6 на #7B5CAB 5,02:1 AA
Aa #00608C на #FFC0CF 4,49:1 AA, великий текст
Aa #FF73C1 на #4F2D84 4,15:1 AA, великий текст
Aa #7B5CAB на #000000 3,96:1 AA, великий текст
Aa #CC1C58 на #000000 3,87:1 AA, великий текст
Aa #00608C на #00D6BA 3,71:1 AA, великий текст
Aa #FFC0CF на #CC1C58 3,53:1 AA, великий текст
Aa #FFC0CF на #7B5CAB 3,46:1 AA, великий текст
Aa #00608C на #000000 3,05:1 AA, великий текст
Aa #00D6BA на #CC1C58 2,92:1 Не проходить
Aa #00D6BA на #7B5CAB 2,86:1 Не проходить
Aa #032165 на #7B5CAB 2,81:1 Не проходить
Aa #00608C на #FF73C1 2,78:1 Не проходить
Aa #032165 на #CC1C58 2,75:1 Не проходить
Aa #FFFAD6 на #FF73C1 2,35:1 Не проходить
Aa #FF73C1 на #CC1C58 2,19:1 Не проходить
Aa #032165 на #00608C 2,17:1 Не проходить
Aa #FF73C1 на #7B5CAB 2,14:1 Не проходить
Aa #4F2D84 на #000000 2,04:1 Не проходить
Aa #7B5CAB на #4F2D84 1,94:1 Не проходить
Aa #CC1C58 на #4F2D84 1,90:1 Не проходить
Aa #00D6BA на #FFFAD6 1,76:1 Не проходить
Aa #FFC0CF на #FF73C1 1,62:1 Не проходить
Aa #00608C на #4F2D84 1,50:1 Не проходить
Aa #032165 на #4F2D84 1,45:1 Не проходить
Aa #FFFAD6 на #FFC0CF 1,45:1 Не проходить
Aa #032165 на #000000 1,41:1 Не проходить
Aa #00D6BA на #FF73C1 1,34:1 Не проходить
Aa #00608C на #7B5CAB 1,30:1 Не проходить
Aa #00608C на #CC1C58 1,27:1 Не проходить
Aa #00D6BA на #FFC0CF 1,21:1 Не проходить
Aa #CC1C58 на #7B5CAB 1,02: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 кольори