Реєстрація Реєстрація
Melon 8

Melon 8

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

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

Melon 8

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

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

CSS-змінні

:root {
  --c-earthy-1: #231F20;
  --c-earthy-2: #6F3228;
  --c-earthy-3: #BB4430;
  --c-earthy-4: #D59587;
  --c-earthy-5: #EFE6DD;
  --c-earthy-6: #ADC79A;
  --c-earthy-7: #6AA856;
  --c-earthy-8: #47643B;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від White Linen (#EFE6DD), найсвітлішого тону, до Abaddon Black (#231F20), найтемнішого. Вона об'єднує Abaddon Black, Cypress Bark Red, Browned Off, Peach Preserve, White Linen, Geddy Green, Techno Green та Plasticine в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #231F20 на #EFE6DD (13,22:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Abaddon Black #231F20
RGB
rgb(35, 31, 32)
HSL
hsl(345, 6%, 13%)
Яскравість
0,014
Cypress Bark Red #6F3228
RGB
rgb(111, 50, 40)
HSL
hsl(8, 47%, 30%)
Яскравість
0,058
Browned Off #BB4430
RGB
rgb(187, 68, 48)
HSL
hsl(9, 59%, 46%)
Яскравість
0,149
Peach Preserve #D59587
RGB
rgb(213, 149, 135)
HSL
hsl(11, 48%, 68%)
Яскравість
0,374
White Linen #EFE6DD
RGB
rgb(239, 230, 221)
HSL
hsl(30, 36%, 90%)
Яскравість
0,802
Geddy Green #ADC79A
RGB
rgb(173, 199, 154)
HSL
hsl(95, 29%, 69%)
Яскравість
0,521
Techno Green #6AA856
RGB
rgb(106, 168, 86)
HSL
hsl(105, 32%, 50%)
Яскравість
0,317
Plasticine #47643B
RGB
rgb(71, 100, 59)
HSL
hsl(102, 26%, 31%)
Яскравість
0,108

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

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

Aa #231F20 на #EFE6DD 13,22:1 AAA
Aa #231F20 на #ADC79A 8,86:1 AAA
Aa #6F3228 на #EFE6DD 7,88:1 AAA
Aa #231F20 на #D59587 6,58:1 AA
Aa #231F20 на #6AA856 5,70:1 AA
Aa #EFE6DD на #47643B 5,40:1 AA
Aa #6F3228 на #ADC79A 5,28:1 AA
Aa #BB4430 на #EFE6DD 4,28:1 AA, великий текст
Aa #6F3228 на #D59587 3,92:1 AA, великий текст
Aa #ADC79A на #47643B 3,62:1 AA, великий текст
Aa #6F3228 на #6AA856 3,40:1 AA, великий текст
Aa #231F20 на #BB4430 3,09:1 AA, великий текст
Aa #BB4430 на #ADC79A 2,87:1 Не проходить
Aa #D59587 на #47643B 2,69:1 Не проходить
Aa #231F20 на #47643B 2,45:1 Не проходить
Aa #6AA856 на #47643B 2,33:1 Не проходить
Aa #EFE6DD на #6AA856 2,32:1 Не проходить
Aa #BB4430 на #D59587 2,13:1 Не проходить
Aa #D59587 на #EFE6DD 2,01:1 Не проходить
Aa #BB4430 на #6AA856 1,85:1 Не проходить
Aa #6F3228 на #BB4430 1,84:1 Не проходить
Aa #231F20 на #6F3228 1,68:1 Не проходить
Aa #ADC79A на #6AA856 1,55:1 Не проходить
Aa #EFE6DD на #ADC79A 1,49:1 Не проходить
Aa #6F3228 на #47643B 1,46:1 Не проходить
Aa #D59587 на #ADC79A 1,35:1 Не проходить
Aa #BB4430 на #47643B 1,26:1 Не проходить
Aa #D59587 на #6AA856 1,15: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 кольори