Color Converter | Free Edu & .COM Temporary Mails
← Alle gereedskap / Color Converter

🎨 Kleuromskakelaar

Skakel kleure om tussen HEX-, RGB- en HSL-formate. Klik op die kleurkieser of tik enige waarde.

Wat is 'n kleuromskakelaar?

'n Kleuromskakelaar vertaal kleurwaardes tussen die verskillende formate wat in webontwerp, grafiese ontwerp en drukproduksie gebruik word. Die drie mees algemene webkleurformate is HEX (bv. #3498db), RGB (bv. rgb(52, 152, 219)) en HSL (bv. hsl(204, 70%, 53%)). Elkeen verteenwoordig dieselfde kleur, maar in 'n ander notasie wat verskillende gereedskap, tale en werkvloei verkies.

Webontwikkelaars skakel oor na HEX vir HTML/CSS snelskrif, gebruik RGB wanneer hulle ondeursigtigheid met rgba() moet toepas, en reik na HSL wanneer hulle ligheid of versadiging programmaties wil aanpas. Grafiese ontwerpers wat 'n hekskode van Figma of Photoshop kopieer, mag dit in RGB vir 'n spesifieke platform nodig hê. Ons instrument hanteer alle omskakelings onmiddellik, insluitend 'n lewendige kleurvoorskou en die ooreenstemmende CSS-veranderlike.

Hoe om die kleuromskakelaar te gebruik

  1. Klik op die kleurkieser om enige kleur visueel te kies — alle velde word outomaties opgedateer.
  2. Of tik a HEX waarde (bv. #ff6600) en klik Skakel om.
  3. Of tik 'n RGB waarde (bv. rgb(255, 102, 0)) en klik Skakel om.
  4. Of tik 'n HSL waarde (bv. hsl(24, 100%, 50%)) en klik Skakel om.
  5. Klik op die kopie-ikoon langs enige veld om daardie formaat na jou knipbord te kopieer.

Waarom ons kleuromskakelaar gebruik?

  • 100% gratis - Skakel onbeperkte kleure om sonder enige koste.
  • Geen Registrasie - Onmiddellike toegang sonder om 'n rekening te skep.
  • Blaaier-gebaseer - Loop kliëntkant sonder data wat na bedieners gestuur word.
  • Regstreekse voorskou - Sien die werklike kleur terwyl jy tik of kies.
  • CSS Veranderlike Uitset - Genereer 'n gereed-vir-gebruik CSS persoonlike eiendom string.

Gereelde Vrae

HEX (#rrggbb) is 'n kompakte heksadesimale voorstelling wat wyd in CSS en HTML gebruik word. RGB (rooi, groen, blou) druk elke kanaal uit as 'n 0–255 heelgetal, wat dit maklik maak om kanale programmaties te meng. HSL (tint, versadiging, ligheid) is die mees menslik-intuïtiewe – jy pas die tinthoek (0–360°) en die versadiging/ligheid persentasies aan om voorspelbare kleurvariasies te kry.

Gebruik die rgba() of hsla() CSS-funksies, wat 'n vierde alfakanaal byvoeg (0 = heeltemal deursigtig, 1 = heeltemal ondeursigtig). Byvoorbeeld: rgba(52, 152, 219, 0.5) is dieselfde blou by 50% ondeursigtigheid. HEX ondersteun ook 8-syfer-notasie met alfa (bv. #3498dbcc) in moderne blaaiers.

Omdat jy die kleur konstant kan hou en net ligheid en versadiging kan wissel om harmonieuse skakerings te skep. Byvoorbeeld, hsl(210, 70%, 30%), hsl(210, 70%, 50%) en hsl(210, 70%, 70%) is donker, middel en ligte variante van dieselfde blou – perfek vir ontwerpstelsels en CSS-veranderlikes.

Nie direk vanaf 'n skermkiekie nie - maar jy kan jou bedryfstelsel se kleurkieser of 'n blaaieruitbreiding gebruik om die kleur van enige pixel op jou skerm te monster, en plak dan die HEX-kode in hierdie hulpmiddel om die RGB- en HSL-ekwivalente te kry.

Vinnige feite

  • ✓ 100% gratis, geen verborge fooie nie
  • ✓ Geen rekening of aanmelding nodig nie
  • ✓ Werk in enige blaaier
  • ✓ Jou data verlaat nooit jou toestel nie
  • ✓ Skakel HEX, RGB en HSL om met regstreekse voorskou

Verwante gereedskap