RGB-zu-Hex-Konverter

Passt d'Slider un oder klebt hei ënnen e HEX-Code eran, fir direkt tëscht RGB, HEX an HSL ëmzewandelen, mat enger Live-Faarfvirschau — alles gëtt op Ärem Apparat berechent.

Keng API-Schlëssel Näischt verléisst Ären Browser Onbegrenzt Notzung
RGB-zu-Hex-Konverter — gratis Online-Tool

Faarfinput

Ëmgerechent Ausgab

#1f3a5fHEX — klickt fir ze kopéieren
31, 58, 95 RGB — klickt fir ze kopéieren
210°, 51%, 25%HSL — klickt fir ze kopéieren
Vun de Leit, déi dëst Tool benotzen

Bewäertungen

Iwwerpréiwungen lueden…
Wat ass et a wéi funktionéiert et?

Wéi konvertéiert een RGB op HEX

  1. Zitt d'Rout-, Gréng- a Blo-Slider — oder klebt e HEX-Code direkt an d'Feld — fir eng Faarf ze setzen.
  2. Kuckt d'Virschau-Faarbsmuster an d'HEX-, RGB- an HSL-Wäerter live aktualiséieren, wann Dir eppes ännert.
  3. Klickt op eng Wäertkaart, fir se ze kopéieren, prett fir se an CSS, Designsoftware oder Code anzepappen.
Faarfgrondlagen

RGB, HEX an HSL: wat ass de Ënnerscheed?

RGB, HEX an HSL beschreiwen all déi exakt déiselwecht Faarwen — si sinn just verschidde Weeër, déi déiselwecht Zuelen ze schreiwen. RGB definéiert eng Faarf duerch d'Quantitéiten u roudem, gréngem a bloem Liicht, déi sech kombinéieren, fir se ze bilden, all op enger Skala vu 0–255. HEX sinn déi selwecht RGB-Wäerter, nei geschriwwen als e kompakten 6-Zifferen-Basis-16-Code, wat fir rgb(31, 58, 95) an #1f3a5f si identesch Faarwen. HSL beschreift eng Faarf amplaz duerch d'Nuance (hir Positioun op engem Faarfrond), d'Saturatioun (wéi lieweg se ass) an d'Hellegkeet — e Format, dat dacks méi intuitiv ass, fir verbonne Nuancen auszewielen.

Wou all Format typesch benotzt gëtt

FormatTypesch BenotzungFirwat
SechseckCSS, HTML, Design-ToolsKuerz, einfach als eenzege String ze kopéieren an ze deelen
Roude-Gréng-BlauCSS mat Transparenz (rgba)Ënnerstëtzt en Alpha-Kanal fir Duerchsichtegkeet
Haaptfaarf-ËnnerscheedungFaarfpaletten erstellenEt ass einfach, méi hell oder méi däischter oder verwandte Nuancen ze kreéieren, andeems een eng Zuel ännert.
Webdesign

Dës Wäerter am CSS benotzen

All dräi Formater kënnen direkt an engem Stylesheet benotzt ginn: color: #1f3a5f;, color: rgb(31, 58, 95); an color: hsl(210, 51%, 25%); all dräi weisen déiselwecht marineblo. HEX ass déi heefegst Ofkierzung fir einfarbeg Faarwen, während RGB (oder seng rgba() Variant) ass nëtzlech wann eng Faarf eng gedeeltlech Transparenz brauch, an HSL mécht et einfach, e konsequent Set vu Nuancen ze generéieren, andeems de Toun fix bleift an nëmmen d'Hellegkeet ugepasst gëtt.

Déi dacks gestallte Froen

Oft gestallte Froen

Ass dëse RGB-zu-HEX-Konverter gratis ze benotzen?+

Jo. Et leeft komplett mat JavaScript an Ärem Browser, dofir gëtt et keng Kont, keng API-Schlëssel a keng Limite, wéi oft Dir et benotze kënnt.

Gëtt meng Faarfdaten iergendwou eropgeluede?+

Nee. All Konversiounen fannen lokal an Ärem Browser statt. Näischt gëtt un en Server geschéckt, gespäichert oder protokolléiert.

Wat ass de tatsächleche Ënnerscheed tëscht HEX an RGB?+

Si beschreiwen déi selwecht Faarf an ënnerschiddleche Notatiounen — HEX ass eng 6-stellëg Basis-16-Schreifweis fir déi selwecht rout, gréng a blo Wäerter, déi RGB als dräi getrennte Zuelen vun 0 bis 255 ausgëtt.

Zesummenhängend Tools

Tools fir Design a Entwécklung

Methodologie

Wéi dëse Konverter funktionéiert

Wäerter ginn live tëscht RGB, HEX an HSL mat JavaScript ëmgewandelt, während Dir eng Faarf agitt oder auswielt — näischt wat Dir agitt, gëtt op e Server eropgeluede oder iergendwou gespäichert.

Lescht aktualiséiert: 28. August 2026.

Gitt weider

Méi Werkzeuger an der Këscht

Méi gratis Tools ouni API-Schlëssel sinn op der Heemside verfügbar.