Daily Toolkits

HEX ↔ RGB ↔ HSL Converter

I-convert ang mga kulay sa pagitan ng HEX, RGB, at HSL kaagad gamit ang isang live na swatch. I-edit ang anumang field — ang iba ay mananatiling naka-sync.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • I-convert ang mga kulay sa pagitan ng HEX, RGB, at HSL kaagad gamit ang isang live na swatch.
  • Gumagana sa iyong browser
  • Libreng gamitin

Paano gamitin

  1. Maglagay ng halaga ng HEX, RGB, o HSL.
  2. Awtomatikong tingnan ang iba pang mga format.
  3. Kopyahin ang format na kailangan mo.

How this tool works

  1. Maglagay ng HEX, RGB, o HSL value.
  2. Awtomatikong tingnan ang iba pang mga format.
  3. Kopyahin ang format na kailangan mo.

Recommended settings

  • Gamitin muna ang mga default na opsyon, pagkatapos ay ayusin kung kinakailangan

Supported formats

Text / on-page input

File size and limits

  • Ang napakakumplikadong multi-layer na mga preview ay maaaring maging mas mabagal sa mas lumang mga telepono.

Privacy

Ang mga generator ng Kulay at CSS ay ganap na tumatakbo sa iyong browser. Hindi kailanman ina-upload ng mga preview at conversion ang iyong mga istilo.

Common use cases

  • Gamitin ang HEX ↔ RGB ↔ HSL Converter tuwing kailangan mo: Mag-convert ng mga kulay sa pagitan ng HEX, RGB, at HSL kaagad gamit ang isang live na swatch.

Troubleshooting

Iba ang hitsura ng preview pagkatapos i-paste

Suriin kung may nakikipagkumpitensyang CSS sa iyong pahina (mga pag-reset, minanang mga kulay). Kopyahin muna ang nabuong panuntunan sa isang nakahiwalay na stylesheet.

FAQ

Ina-upload ba nito ang aking CSS?

Hindi. Ang mga generator at converter ay tumatakbo sa iyong browser na may live na preview.

Kailangan ko ba ng account?

Hindi. Buksan ang tool, i-tweak ang mga kontrol, at kopyahin ang CSS.

Mga kaugnay na tool

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool