Реєстрація Реєстрація
3bit Catgirls: Nish Cyra

3bit Catgirls: Nish Cyra

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

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

3bit Catgirls: Nish Cyra

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

Редагувати
Землисті 8 кольорів Холодні Змішані Комплементарна 3bit windfallapples glacier midsaturation
Вподобання 35
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #B81939;
  --c-earthy-2: #C3AA69;
  --c-earthy-3: #E4E0AF;
  --c-earthy-4: #E1F6F7;
  --c-earthy-5: #B0D5E3;
  --c-earthy-6: #7A8BB3;
  --c-earthy-7: #5C5478;
  --c-earthy-8: #3D115F;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Coastal Breeze (#E1F6F7), найсвітлішого тону, до Wicked Purple (#3D115F), найтемнішого. Вона об'єднує Vinho do Porto, Flickering Gold, Modern Zen, Coastal Breeze, Spotted Snake Eel, Ashton Skies, Taylor та Wicked Purple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #E1F6F7 на #3D115F (12,97:1).

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

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

Vinho do Porto #B81939
RGB
rgb(184, 25, 57)
HSL
hsl(348, 76%, 41%)
Яскравість
0,112
Flickering Gold #C3AA69
RGB
rgb(195, 170, 105)
HSL
hsl(43, 43%, 59%)
Яскравість
0,414
Modern Zen #E4E0AF
RGB
rgb(228, 224, 175)
HSL
hsl(55, 50%, 79%)
Яскравість
0,729
Coastal Breeze #E1F6F7
RGB
rgb(225, 246, 247)
HSL
hsl(183, 58%, 93%)
Яскравість
0,886
Spotted Snake Eel #B0D5E3
RGB
rgb(176, 213, 227)
HSL
hsl(196, 48%, 79%)
Яскравість
0,624
Ashton Skies #7A8BB3
RGB
rgb(122, 139, 179)
HSL
hsl(222, 27%, 59%)
Яскравість
0,259
Taylor #5C5478
RGB
rgb(92, 84, 120)
HSL
hsl(253, 18%, 40%)
Яскравість
0,100
Wicked Purple #3D115F
RGB
rgb(61, 17, 95)
HSL
hsl(274, 70%, 22%)
Яскравість
0,022

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

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

Aa #E1F6F7 на #3D115F 12,97:1 AAA
Aa #E4E0AF на #3D115F 10,79:1 AAA
Aa #B0D5E3 на #3D115F 9,33:1 AAA
Aa #C3AA69 на #3D115F 6,42:1 AA
Aa #E1F6F7 на #5C5478 6,25:1 AA
Aa #B81939 на #E1F6F7 5,79:1 AA
Aa #E4E0AF на #5C5478 5,20:1 AA
Aa #B81939 на #E4E0AF 4,81:1 AA
Aa #B0D5E3 на #5C5478 4,50:1 AA
Aa #7A8BB3 на #3D115F 4,27:1 AA, великий текст
Aa #B81939 на #B0D5E3 4,16:1 AA, великий текст
Aa #C3AA69 на #5C5478 3,10:1 AA, великий текст
Aa #E1F6F7 на #7A8BB3 3,03:1 AA, великий текст
Aa #B81939 на #C3AA69 2,87:1 Не проходить
Aa #E4E0AF на #7A8BB3 2,52:1 Не проходить
Aa #B81939 на #3D115F 2,24:1 Не проходить
Aa #B0D5E3 на #7A8BB3 2,18:1 Не проходить
Aa #5C5478 на #3D115F 2,07:1 Не проходить
Aa #7A8BB3 на #5C5478 2,06:1 Не проходить
Aa #C3AA69 на #E1F6F7 2,02:1 Не проходить
Aa #B81939 на #7A8BB3 1,91:1 Не проходить
Aa #C3AA69 на #E4E0AF 1,68:1 Не проходить
Aa #C3AA69 на #7A8BB3 1,50:1 Не проходить
Aa #C3AA69 на #B0D5E3 1,45:1 Не проходить
Aa #E1F6F7 на #B0D5E3 1,39:1 Не проходить
Aa #E4E0AF на #E1F6F7 1,20:1 Не проходить
Aa #E4E0AF на #B0D5E3 1,16:1 Не проходить
Aa #B81939 на #5C5478 1,08: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 кольори