Daily Toolkits

HEX ↔ RGB ↔ HSL konverter

Azonnal konvertálhat színeket HEX, RGB és HSL között egy élő színmintával. Bármely mező szerkesztése – a többi szinkronban marad.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

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

Key capabilities

  • Azonnal konvertálhat színeket HEX, RGB és HSL között egy élő színmintával.
  • A böngészőben fut
  • Ingyenesen használható

Használati útmutató

  1. Adjon meg egy HEX, RGB vagy HSL értéket.
  2. Tekintse meg a többi formátum automatikus frissítését.
  3. Másolja ki a szükséges formátumot.

How this tool works

  1. Adjon meg egy HEX, RGB vagy HSL értéket.
  2. Tekintse meg a többi formátum automatikus frissítését.
  3. Másolja ki a szükséges formátumot.

Recommended settings

  • Először használja az alapértelmezett beállításokat, majd módosítsa, ha szükséges

Supported formats

Text / on-page input

File size and limits

  • A nagyon összetett többrétegű előnézetek lassabbnak tűnhetnek a régebbi telefonokon.

Privacy

A szín- és CSS-generátorok teljes egészében az Ön böngészőjében futnak. Az előnézetek és a konverziók soha nem töltik fel a stílusokat.

Common use cases

  • Használja a HEX ↔ RGB ↔ HSL konvertert, amikor csak szüksége van rá: A színeket azonnal konvertálja HEX, RGB és HSL között egy élő színmintával.

Troubleshooting

Az előnézet beillesztés után másképp néz ki

Ellenőrizze, hogy az oldalon található-e versengő CSS (visszaállítások, örökölt színek). Először másolja át a generált szabályt egy elszigetelt stíluslapba.

GYIK

Ez feltölti a CSS-emet?

Nem. A generátorok és konverterek élő előnézettel futnak a böngészőben.

Szükségem van fiókra?

Nem. Nyissa meg az eszközt, módosítsa a vezérlőket, és másolja a CSS-t.

Kapcsolódó eszközök

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