Реєстрація Реєстрація
3x4 Rgb

3x4 Rgb

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

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

3x4 Rgb

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

Редагувати
Яскраві 12 кольорів Теплі Змішані Комплементарна green red blue contrast
Вподобання 18
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #004D23;
  --c-vibrant-2: #807100;
  --c-vibrant-3: #8EC724;
  --c-vibrant-4: #D5EDD8;
  --c-vibrant-5: #4D002A;
  --c-vibrant-6: #BD2F3E;
  --c-vibrant-7: #FA7DAD;
  --c-vibrant-8: #FAD0EB;
  --c-vibrant-9: #000C4D;
  --c-vibrant-10: #2D1AD9;
  --c-vibrant-11: #0090C9;
  --c-vibrant-12: #47D2D9;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Silky Mint (#D5EDD8), найсвітлішого тону, до Kantor Blue (#000C4D), найтемнішого. Вона об'єднує Lemon Balm Green, Sunlit Kelp Green, Thick Green, Silky Mint, Fig Balsamic, Crimson Cloud, Erythrosine, Little Smile, Kantor Blue, Lapis on Neptune, Dynamic Blue та Medium Turquoise в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 20 з них, найконтрастніша — #D5EDD8 на #000C4D (14,6:1).

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

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

Lemon Balm Green #004D23
RGB
rgb(0, 77, 35)
HSL
hsl(147, 100%, 15%)
Яскравість
0,054
Sunlit Kelp Green #807100
RGB
rgb(128, 113, 0)
HSL
hsl(53, 100%, 25%)
Яскравість
0,164
Thick Green #8EC724
RGB
rgb(142, 199, 36)
HSL
hsl(81, 69%, 46%)
Яскравість
0,467
Silky Mint #D5EDD8
RGB
rgb(213, 237, 216)
HSL
hsl(128, 40%, 88%)
Яскравість
0,797
Fig Balsamic #4D002A
RGB
rgb(77, 0, 42)
HSL
hsl(327, 100%, 15%)
Яскравість
0,017
Crimson Cloud #BD2F3E
RGB
rgb(189, 47, 62)
HSL
hsl(354, 60%, 46%)
Яскравість
0,132
Erythrosine #FA7DAD
RGB
rgb(250, 125, 173)
HSL
hsl(337, 93%, 74%)
Яскравість
0,380
Little Smile #FAD0EB
RGB
rgb(250, 208, 235)
HSL
hsl(321, 81%, 90%)
Яскравість
0,714
Kantor Blue #000C4D
RGB
rgb(0, 12, 77)
HSL
hsl(231, 100%, 15%)
Яскравість
0,008
Lapis on Neptune #2D1AD9
RGB
rgb(45, 26, 217)
HSL
hsl(246, 79%, 48%)
Яскравість
0,063
Dynamic Blue #0090C9
RGB
rgb(0, 144, 201)
HSL
hsl(197, 100%, 39%)
Яскравість
0,242
Medium Turquoise #47D2D9
RGB
rgb(71, 210, 217)
HSL
hsl(183, 66%, 56%)
Яскравість
0,524

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

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

Aa #D5EDD8 на #000C4D 14,60:1 AAA
Aa #FAD0EB на #000C4D 13,18:1 AAA
Aa #D5EDD8 на #4D002A 12,55:1 AAA
Aa #4D002A на #FAD0EB 11,33:1 AAA
Aa #000C4D на #47D2D9 9,91:1 AAA
Aa #8EC724 на #000C4D 8,92:1 AAA
Aa #4D002A на #47D2D9 8,52:1 AAA
Aa #004D23 на #D5EDD8 8,12:1 AAA
Aa #8EC724 на #4D002A 7,67:1 AAA
Aa #D5EDD8 на #2D1AD9 7,49:1 AAA
Aa #FA7DAD на #000C4D 7,42:1 AAA
Aa #004D23 на #FAD0EB 7,33:1 AAA
Aa #FAD0EB на #2D1AD9 6,76:1 AA
Aa #4D002A на #FA7DAD 6,38:1 AA
Aa #004D23 на #47D2D9 5,51:1 AA
Aa #2D1AD9 на #47D2D9 5,08:1 AA
Aa #000C4D на #0090C9 5,03:1 AA
Aa #004D23 на #8EC724 4,96:1 AA
Aa #D5EDD8 на #BD2F3E 4,65:1 AA
Aa #8EC724 на #2D1AD9 4,57:1 AA
Aa #4D002A на #0090C9 4,32:1 AA, великий текст
Aa #BD2F3E на #FAD0EB 4,20:1 AA, великий текст
Aa #004D23 на #FA7DAD 4,12:1 AA, великий текст
Aa #807100 на #D5EDD8 3,96:1 AA, великий текст
Aa #FA7DAD на #2D1AD9 3,80:1 AA, великий текст
Aa #807100 на #000C4D 3,69:1 AA, великий текст
Aa #807100 на #FAD0EB 3,57:1 AA, великий текст
Aa #807100 на #4D002A 3,17:1 AA, великий текст
Aa #BD2F3E на #47D2D9 3,16:1 AA, великий текст
Aa #BD2F3E на #000C4D 3,14:1 AA, великий текст
Aa #D5EDD8 на #0090C9 2,90:1 Не проходить
Aa #8EC724 на #BD2F3E 2,84:1 Не проходить
Aa #004D23 на #0090C9 2,80:1 Не проходить
Aa #4D002A на #BD2F3E 2,70:1 Не проходить
Aa #807100 на #47D2D9 2,68:1 Не проходить
Aa #FAD0EB на #0090C9 2,62:1 Не проходить
Aa #2D1AD9 на #0090C9 2,58:1 Не проходить
Aa #807100 на #8EC724 2,42:1 Не проходить
Aa #BD2F3E на #FA7DAD 2,36:1 Не проходить
Aa #004D23 на #807100 2,05:1 Не проходить
Aa #807100 на #FA7DAD 2,01:1 Не проходить
Aa #D5EDD8 на #FA7DAD 1,97:1 Не проходить
Aa #0090C9 на #47D2D9 1,97:1 Не проходить
Aa #000C4D на #2D1AD9 1,95:1 Не проходить
Aa #807100 на #2D1AD9 1,89:1 Не проходить
Aa #004D23 на #000C4D 1,80:1 Не проходить
Aa #FA7DAD на #FAD0EB 1,78:1 Не проходить
Aa #8EC724 на #0090C9 1,77:1 Не проходить
Aa #004D23 на #BD2F3E 1,75:1 Не проходить
Aa #4D002A на #2D1AD9 1,68:1 Не проходить
Aa #8EC724 на #D5EDD8 1,64:1 Не проходить
Aa #BD2F3E на #2D1AD9 1,61:1 Не проходить
Aa #BD2F3E на #0090C9 1,60:1 Не проходить
Aa #004D23 на #4D002A 1,55:1 Не проходить
Aa #8EC724 на #FAD0EB 1,48:1 Не проходить
Aa #D5EDD8 на #47D2D9 1,47:1 Не проходить
Aa #FA7DAD на #0090C9 1,47:1 Не проходить
Aa #807100 на #0090C9 1,36:1 Не проходить
Aa #FA7DAD на #47D2D9 1,34:1 Не проходить
Aa #FAD0EB на #47D2D9 1,33:1 Не проходить
Aa #8EC724 на #FA7DAD 1,20:1 Не проходить
Aa #807100 на #BD2F3E 1,18:1 Не проходить
Aa #4D002A на #000C4D 1,16:1 Не проходить
Aa #8EC724 на #47D2D9 1,11:1 Не проходить
Aa #D5EDD8 на #FAD0EB 1,11:1 Не проходить
Aa #004D23 на #2D1AD9 1,08: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 кольори