Реєстрація Реєстрація
Berry Nebula

Berry Nebula

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

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

Berry Nebula

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

Редагувати
Землисті 8 кольорів Холодні Змішані Тріадна blue purple lostinindigo violet
Вподобання 1 208
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #6CEDED;
  --c-earthy-2: #6CB9C9;
  --c-earthy-3: #6D85A5;
  --c-earthy-4: #6E5181;
  --c-earthy-5: #6F1D5C;
  --c-earthy-6: #4F1446;
  --c-earthy-7: #2E0A30;
  --c-earthy-8: #0D001A;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Poseidon Jr. (#6CEDED), найсвітлішого тону, до Midnight Jam (#0D001A), найтемнішого. Вона об'єднує Poseidon Jr., Azul Turquesa, Berwick Berry, Gutsy Grape, Forest Fruit Red, Violet Carmine, Dark Prom Queen та Midnight Jam в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #6CEDED на #0D001A (14,51:1).

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

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

Poseidon Jr. #6CEDED
RGB
rgb(108, 237, 237)
HSL
hsl(180, 78%, 68%)
Яскравість
0,699
Azul Turquesa #6CB9C9
RGB
rgb(108, 185, 201)
HSL
hsl(190, 46%, 61%)
Яскравість
0,421
Berwick Berry #6D85A5
RGB
rgb(109, 133, 165)
HSL
hsl(214, 24%, 54%)
Яскравість
0,227
Gutsy Grape #6E5181
RGB
rgb(110, 81, 129)
HSL
hsl(276, 23%, 41%)
Яскравість
0,108
Forest Fruit Red #6F1D5C
RGB
rgb(111, 29, 92)
HSL
hsl(314, 59%, 27%)
Яскравість
0,050
Violet Carmine #4F1446
RGB
rgb(79, 20, 70)
HSL
hsl(309, 60%, 19%)
Яскравість
0,026
Dark Prom Queen #2E0A30
RGB
rgb(46, 10, 48)
HSL
hsl(297, 66%, 11%)
Яскравість
0,010
Midnight Jam #0D001A
RGB
rgb(13, 0, 26)
HSL
hsl(270, 100%, 5%)
Яскравість
0,002

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

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

Aa #6CEDED на #0D001A 14,51:1 AAA
Aa #6CEDED на #2E0A30 12,45:1 AAA
Aa #6CEDED на #4F1446 9,85:1 AAA
Aa #6CB9C9 на #0D001A 9,13:1 AAA
Aa #6CB9C9 на #2E0A30 7,84:1 AAA
Aa #6CEDED на #6F1D5C 7,46:1 AAA
Aa #6CB9C9 на #4F1446 6,19:1 AA
Aa #6D85A5 на #0D001A 5,38:1 AA
Aa #6CEDED на #6E5181 4,74:1 AA
Aa #6CB9C9 на #6F1D5C 4,70:1 AA
Aa #6D85A5 на #2E0A30 4,62:1 AA
Aa #6D85A5 на #4F1446 3,65:1 AA, великий текст
Aa #6E5181 на #0D001A 3,06:1 AA, великий текст
Aa #6CB9C9 на #6E5181 2,98:1 Не проходить
Aa #6D85A5 на #6F1D5C 2,77:1 Не проходить
Aa #6CEDED на #6D85A5 2,70:1 Не проходить
Aa #6E5181 на #2E0A30 2,63:1 Не проходить
Aa #6E5181 на #4F1446 2,08:1 Не проходить
Aa #6F1D5C на #0D001A 1,94:1 Не проходить
Aa #6D85A5 на #6E5181 1,76:1 Не проходить
Aa #6CB9C9 на #6D85A5 1,70:1 Не проходить
Aa #6F1D5C на #2E0A30 1,67:1 Не проходить
Aa #6CEDED на #6CB9C9 1,59:1 Не проходить
Aa #6E5181 на #6F1D5C 1,57:1 Не проходить
Aa #4F1446 на #0D001A 1,47:1 Не проходить
Aa #6F1D5C на #4F1446 1,32:1 Не проходить
Aa #4F1446 на #2E0A30 1,27:1 Не проходить
Aa #2E0A30 на #0D001A 1,16:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори