Színkonverzió
#797979
≈ Boulder
Variációk
Ennek a szakasznak a célja a kiválasztott szín árnyalatainak (tiszta fehér hozzáadása) és árnyalatainak (tiszta fekete hozzáadása) pontos előállítása 10%-os lépésekben.
Profi tipp: Használjon árnyalatokat a lebegő állapotokhoz és árnyékokhoz, árnyalatokat a kiemelésekhez és a hátterekhez.
Árnyalatok
Sötétebb változatok, amelyeket fekete szín hozzáadásával hozhatunk létre az alapszínhez.
Tints
Az alapszínhez fehér szín hozzáadásával létrehozott világosabb változatok.
Gyakori felhasználási esetek
- • UI komponens állapotok (lebegő, aktív, letiltott)
- • Mélység létrehozása árnyékokkal és fénypontokkal
- • Következetes színrendszerek építése
Design rendszer tipp
Ezek a variációk képezik az egységes színpaletta alapját. Exportálja őket, hogy az egész projektben megőrizze az összhangot.
Színkombinációk
Minden harmóniának megvan a maga hangulata. A harmóniák segítségével ötleteljen olyan színkombinációkat, amelyek jól működnek együtt.
Hogyan kell használni
Kattintson bármelyik színre a hexaérték másolásához. Ezek a kombinációk matematikailag bizonyítottan vizuális harmóniát teremtenek.
Miért fontos
A színharmóniák egyensúlyt teremtenek és különleges érzelmeket idéznek fel a tervekben.
Kiegészítés
Egy szín és annak ellentéte a színkörön, +180 fokos árnyalat. Nagy kontraszt.
Split-komplementer
Egy szín és két szomszédos szín, a fő színnel ellentétes értéktől +/-30 árnyalatnyi távolságra. Merész, mint az egyenes komplement, de sokoldalúbb.
Triadikus
Három szín egyenletesen elosztva a színkör mentén, egymástól 120 fokos árnyalatnyi távolságra. A legjobb, ha egy szín dominál, a többit pedig hangsúlyként használja.
Analóg
Három azonos fénysűrűségű és telítettségű szín, amelyek árnyalatai a színkörön 30 fokos távolságban egymás mellett helyezkednek el. Zökkenőmentes átmenetek.
Monokromatikus
Három azonos árnyalatú szín, fénysűrűségértékekkel +/-50%. Finom és kifinomult.
Tetradic
Két komplementer színkészlet, egymástól 60 árnyalatnyi távolságra.
Színelméleti alapelvek
Egyensúly
Használjon egy domináns színt, támogassa másodlagos színnel, és takarékosan akcentussal.
Kontraszt
Biztosítson elegendő kontrasztot az olvashatóság és a hozzáférhetőség érdekében.
Harmony
A színeknek együtt kell működniük, hogy egységes vizuális élményt nyújtsanak.
Színkontraszt-ellenőrző
Tesztelje a színkombinációkat, hogy azok megfeleljenek a WCAG hozzáférhetőségi szabványoknak a szöveg olvashatósága tekintetében.
Szöveg színe
Háttérszín
Kontraszt
WCAG szabványok
Mindenki zseni. De ha egy halat a fára mászási képessége alapján ítélsz meg, egész életében azt fogja hinni, hogy hülye.