Color code generator & Picker

Pag-generate og mga color code, mga variation, mga harmony, ug pag-check sa contrast ratios.

Pagbag-o sa kolor

HEX

#454936

Kelp

HEX
#454936
HSL
73, 15, 25
RGB
69, 73, 54
XYZ
6, 6, 4
CMYK
5, 0, 26, 71
LUV
30,3,14
LAB
30, -5, 11
HWB
73, 21, 71

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.

#454936
Pinakamaayo para sa: Mga high-impact nga disenyo, CTAs, mga logo

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.

Pinakamaayo para sa: Makulbahin apan balanseng mga layout

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.

Pinakamaayo para sa: Malipayong, enerhetikong mga disenyo

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.

Pinakamaayo para sa: Mga interface nga inspirasyon sa kinaiyahan, makapahupay

Monochromatic

Tulo ka kolor nga parehas ang hue nga adunay mga luminance nga bili +/-50%. Subtle ug pinino.

Pinakamaayo para sa: Minimalist, sopistikadong mga disenyo

Tetradic

Duha ka set sa mga complementary nga kolor, nga gibulag sa 60 ka degree sa hue.

Pinakamaayo para sa: Mabug-at, lain-laing mga kolor nga eskema

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
1.00
Fail
Kaayo kabos
Gamay nga teksto
✖︎
Dako nga teksto
✖︎
WCAG Standards
AA:Minimum contrast ratio nga 4.5:1 para sa normal nga teksto ug 3:1 para sa dagkong teksto. Kinahanglanon para sa kadaghanan nga mga website.
AAA:Enhanced contrast ratio nga 7:1 para sa normal nga teksto ug 4.5:1 para sa dagkong teksto. Girekomenda para sa optimal nga accessibility.
Insufisiyente nga contrast para sa tanang gidak-on sa teksto - napakyas sa mga sumbanan sa WCAG.

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.

- Albert Einstein

Mga teknikal nga pormat

Praktikal nga Pormat

Color Analysis

Blindness Simulator

Mga Aspeto sa Pagkamamugnaon