Pagbag-o sa kolor
#ecebce
Aths Special
Mga Pagkausab
Ang katuyoan niini nga seksyon mao ang tukmang paghimo sa mga tints (puti nga gidugang) ug shades (itom nga gidugang) sa imong gipili nga kolor sa 10% nga mga pagdugang.
Pro Tip: Gamiton ang shades para sa hover states ug shadows, tints para sa highlights ug backgrounds.
Shades
Mas ngitngit nga mga pagkausab nga gihimo pinaagi sa pagdugang og itom sa imong base color.
Tints
Mas hayag nga mga pagkausab nga gihimo pinaagi sa pagdugang og puti sa imong base color.
Kasagaran nga Paggamit
- • Mga estado sa UI component (hover, active, disabled)
- • Paghimo og giladmon gamit ang shadows ug highlights
- • Pagtukod og konsistent nga color systems
Design System Tip
Kini nga mga pagkausab naglangkob sa pundasyon sa usa ka cohesive nga color palette. I-export kini aron mapadayon ang konsistensya sa tibuok nimong proyekto.
Mga Kombinasyon sa Kolor
Ang matag harmony adunay kaugalingon nga mood. Gamiton ang harmonies aron mag-brainstorm sa mga kolor nga maayo nga magkauban.
Unsaon Paggamit
I-klik ang bisan unsang kolor aron makopya ang hex value niini. Kini nga mga kombinasyon matematikal nga napamatud-an nga makapahimo og visual harmony.
Ngano Kini Mahinungdanon
Ang mga kolor nga harmonies nagmugna og balanse ug naghatag og piho nga emosyon sa imong mga disenyo.
Komplemento
Usa ka kolor ug ang kabaliktaran niini sa kolor nga ligid, +180 degrees sa hue. Taas nga kontrasto.
Split-komplementaryo
Usa ka kolor ug duha nga duol sa iyang komplemento, +/-30 degrees sa hue gikan sa bili nga kabaliktaran sa nag-unang kolor. Kusgan sama sa tuwid nga komplemento, apan mas versatile.
Triadic
Tulo ka kolor nga pantay nga gibahin sa kolor nga ligid, matag 120 degrees sa hue. Pinakamaayo nga tugotan ang usa ka kolor nga magdominar ug gamiton ang uban isip aksento.
Analogous
Tulo ka kolor nga parehas ang luminance ug saturation nga adunay mga hue nga duol sa kolor nga ligid, 30 degrees ang gilay-on. Hapsay nga pagbalhin.
Monochromatic
Tulo ka kolor nga parehas ang hue nga adunay mga luminance nga bili +/-50%. Subtle ug pinino.
Tetradic
Duha ka set sa mga complementary nga kolor, nga gibulag sa 60 ka degree sa hue.
Mga Prinsipyo sa Teorya sa Kolor
Balanse
Gamit ug usa ka dominante nga kolor, suportahi sa sekondarya, ug gamita ang aksento sa hinay-hinay.
Kontrasto
Siguraduhon ang igo nga kontrasto para sa mabasaon ug ma-access nga disenyo.
Harmonya
Ang mga kolor kinahanglan magtinabangay aron makabuo ug usa ka nagkahiusang biswal nga kasinatian.
Color Contrast Checker
Sulayi ang mga kombinasyon sa kolor aron masiguro nga mosunod kini sa WCAG accessibility standards para sa mabasa nga teksto.
Kolor sa Teksto
Kolor sa Background
Contrast
WCAG Standards
Abante nga Kontras nga Tigsusi
Pag-ayo gamit ang mga slider, daghang mga preview & uban pa
Ang tanan usa ka Genius. Apan kung imong husgahan ang usa ka isda pinaagi sa iyang abilidad sa pagsaka sa kahoy, mabuhi kini sa tibuok kinabuhi nga nagtuo nga kini buang.