Colour Code Generator ug Picker

Paghimo og mga code sa kolor, mga variation, mga harmonies, ug susiha ang contrast ratios.

Kolor-Pagkabig

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Mga kalainan

Ang katuyoan niini nga seksyon mao ang tukma nga paghimo og mga tints (pure puti nga gidugang) ug mga shade (pure itom nga gidugang) sa imong gipili nga kolor sa 10% nga pag-uswag.

Pro Tip: Gamit ug shades para sa hover states ug shadows, tints para sa highlights ug backgrounds.

Mga shade

Mas mangitngit nga mga kalainan nga gihimo pinaagi sa pagdugang itom sa imong base nga kolor.

Tints

Mas gaan nga mga kalainan nga gihimo pinaagi sa pagdugang puti sa imong base nga kolor.

Kasagarang Paggamit nga Kaso

  • UI component states (hover, active, disabled)
  • Paghimo sa giladmon nga adunay mga anino ug mga highlight
  • Pagtukod og makanunayon nga mga sistema sa kolor

Tip sa Sistema sa Disenyo

Kini nga mga kalainan nahimong pundasyon sa usa ka nagkahiusa nga paleta sa kolor. I-export sila aron mapadayon ang pagkamakanunayon sa imong tibuuk nga proyekto.

Mga Kombinasyon sa Kolor

Ang matag panag-uyon adunay kaugalingon nga mood. Gamita ang mga kaharmonya sa brainstorming nga mga kombinasyon sa kolor nga maayong magkauban.

Unsaon Paggamit

Pag-klik sa bisan unsang kolor aron kopyahon ang hex nga kantidad niini. Kini nga mga kombinasyon kay mathematically napamatud-an sa paghimo sa biswal nga panag-uyon.

Nganong Importante Kini

Ang mga kaharmonya sa kolor nagmugna og balanse ug nagpukaw sa piho nga mga emosyon sa imong mga disenyo.

Komplemento

Usa ka kolor ug ang kaatbang niini sa color wheel, +180 degrees sa hue. Taas nga kalainan.

#ca4e4e
Labing maayo alang sa: Taas nga epekto nga mga disenyo, CTA, logo

Split-komplementaryo

Usa ka kolor ug duha ka tapad sa iyang katimbang, +/- 30 degrees sa hue gikan sa bili atbang sa nag-unang kolor. Maisog sama sa usa ka tul-id nga komplemento, apan mas daghag gamit.

Labing maayo alang sa: Madasigon apan balanse nga mga layout

Triad

Tulo ka kolor nga parehas ang gilay-on sa ligid sa kolor, ang matag usa 120 degree nga kolor ang gilay-on. Labing maayo nga tugotan ang usa ka kolor nga modominar ug gamiton ang uban ingon mga accent.

Labing maayo alang sa: Madulaon, lagsik nga mga disenyo

Kaamgid

Tulo ka kolor sa parehas nga kahayag ug saturation nga adunay mga kolor nga kasikbit sa color wheel, 30 degrees ang gilay-on. Hapsay nga mga transisyon.

Labing maayo alang sa: Gidasig sa kinaiyahan, makapakalma nga mga interface

Monochromatic

Tulo ka kolor sa parehas nga kolor nga adunay mga kantidad sa luminance +/-50%. Malampuson ug dalisay.

Labing maayo alang sa: Minimalist, sopistikado nga mga disenyo

Tetradic

Duha ka hugpong sa mga komplementaryong kolor, nga gibulag sa 60 degrees nga hue.

Labing maayo alang sa: Daghan, lainlain nga mga laraw sa kolor

Mga Prinsipyo sa Teorya sa Kolor

Balanse

Paggamit og usa ka dominanteng kolor, suporta sa sekondarya, ug gamay nga accent.

Sukwahi

Siguruha ang igo nga kalainan alang sa pagkabasa ug pagka-access.

Harmony

Ang mga kolor kinahanglan nga magtinabangay sa paghimo sa usa ka hiniusa nga biswal nga kasinatian.

Pagsusi sa Kontras sa Kolor

Sulayi ang mga kombinasyon sa kolor aron masiguro nga nakab-ot nila ang mga sumbanan sa pagka-access sa WCAG alang sa pagkabasa sa teksto.

Kolor sa Teksto
Kolor sa Background
Sukwahi
Fail
Gamay nga teksto
✖︎
Dako nga teksto
✖︎
Mga Sumbanan sa WCAG
AA:Minimum nga contrast ratio nga 4.5:1 para sa normal nga text ug 3:1 para sa dako nga text. Gikinahanglan alang sa kadaghanan sa mga website.
AAA:Gipausbaw nga contrast ratio nga 7:1 para sa normal nga text ug 4.5:1 para sa dagkong text. Girekomenda alang sa labing maayo nga accessibility.

Ang tanan usa ka Genius. Apan Kung Gihukman Nimo ang Isda pinaagi sa Imong Abilidad sa Pagsaka sa Kahoy, Kini Mabuhi sa Tibuok Kinabuhi Niini nga Nagtuo nga Kini Buang.

- Albert Einstein

Teknikal nga mga Pormat

Praktikal nga mga Format

Pagtuki sa kolor

Simulator sa Pagkabuta

Mamugnaon nga mga Aspeto