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

#b400ff

Electric Violet

HEX
#b400ff
HSL
282, 100, 50
RGB
180, 0, 255
XYZ
37, 17, 96
CMYK
29, 100, 0, 0
LUV
48,51,-122
LAB
48, 88, -81
HWB
282, 0, 0

Mga Pagkausab

Ang katuyoan niini nga seksyon mao ang tukma nga paghimo sa tints (puti nga gidugang) ug shades (itom nga gidugang) sa imong gipili nga kolor sa 10% nga 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 lalom 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. Gamita ang harmonies aron mag-brainstorm sa mga kombinasyon sa kolor nga maayo ang pag-uban.

Unsaon Paggamit

I-klik ang bisan unsang kolor aron makopya ang iyang hex value. Kini nga mga kombinasyon matematikal nga napamatud-an nga makapahimo og visual harmony.

Ngano Kini Mahinungdanon

Ang mga color harmonies nagmugna og balanse ug naghatag og piho nga mga emosyon sa imong mga disenyo.

Komplemento

Usa ka kolor ug ang kabaliktaran niini sa kolor nga ligid, +180 degrees sa hue. Taas nga kontrasto.

#b400ff
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. Makulbahin sama sa usa ka diretsong komplemento, apan mas versatile.

Pinakamaayo para sa: Makulbahin apan balanseng mga layout

Triadic

Tulo ka kolor nga evenly spaced 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 mga transisyon.

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: Mabungahon, 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 mabasa ug ma-access.

Harmonya

Ang mga kolor kinahanglan magtinabangay aron makabuhat ug usa ka unipikadong biswal nga kasinatian.

Color Contrast Checker

Sulayi ang mga kombinasyon sa kolor aron masiguro nga kini nagtagbo sa WCAG accessibility standards para sa mabasa nga teksto.

Kolor sa Teksto
Kolor sa Background
Contrast
1.00
Fail
Kaayo ka pobre
Gamay nga teksto
✖︎
Dako nga teksto
✖︎
Mga Sumbanan sa WCAG
AA:Minimum nga 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:Gipalambo nga contrast ratio nga 7:1 para sa normal nga teksto ug 4.5:1 para sa dagkong teksto. Girekomenda para sa optimal nga accessibility.
Insufficient contrast para sa tanang text sizes - napakyas sa WCAG standards.

Advanced nga Contrast Checker

Pag-ayo gamit ang mga slider, daghang mga preview ug uban pa

Ang tanan usa ka Genius. Apan kung hukman nimo ang usa ka isda pinaagi sa iyang abilidad nga mosaka sa kahoy, mabuhi kini sa tibuok kinabuhi nga nagtuo nga kini buang.

- Albert Einstein

Mga Teknikal nga Pormat

Practical Formats

Color analysis

Blindness Simulator

Mga Aspeto sa Pagkamamugnaon