Hoe skakel ek 'n HEX-kleur om na RGB en HSL?

Tik of plak die kleur in Kleurinvoer, byvoorbeeld #14b8a6, of gebruik die kleurkieser. Die program wys HEX-, rgb()-, hsl()-, hsv()- en cmyk()-waardes, plus oklch(), lab() en lch(), elk met 'n Kopieer-knoppie.

Watter kleurformate kan ek invoer?

HEX met 3, 4, 6 of 8 syfers, rgb() of rgba(), hsl() of hsla() in komma- of spasiesintaksis, en kaal getalledrietalle. As die invoer nie herken word nie, wys die program 'n ontledingsfout.

Kan ek kleure met deursigtigheid omskakel?

Ja. Gebruik die Ondeursigtigheid-kontrole of voer 'n alfawaarde in die invoer in. Die uitsette sluit dan die alfakanaal in, soos 'n 8-syfer-HEX, rgba(), of 'n skuinsstreep-alfa in moderne sintaksis.

Is die CMYK-waardes akkuraat vir druk?

Nee, dit is 'n standaard sRGB-na-CMYK-benadering, gewys onder Vir druk. Gebruik vir akkurate drukkleur jou drukker se kleurprofiel of vra 'n proef aan, want helder skermkleure druk dikwels dowwer.

Hoe kyk ek of my kleur genoeg kontras vir teks het?

Sien die WCAG-kontras-afdeling. Dit wys die kontrasverhouding van jou kleur op wit en op swart, gegradeer AAA, AA, AA Groot of Misluk. Die Ligtheidskaal bied ligter of donkerder skakerings om te probeer.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer.

🎨

Gratis Kleur Omskakelaar

Skakel kleure onmiddellik om tussen HEX, RGB, HSL, HSV en CMYK formate. Sluit 'n ligte skaal en voorafbepaalde monsters in.

Loop in jou blaaierGeen aanmelding, geen opspringers nieGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Skakel 'n kleur tussen HEX, RGB, HSL, HSV en CMYK om — met 'n lewendige voorskou en eenklik-kopie. Alles loop in jou blaaier.

Kleurinvoer

Aanvaar: HEX (#fff of #ffffff), RGB (255, 255, 255), of HSL (360, 100%, 50%)

Deursigtigheid100%

Voorkeure:

HEX#14B8A6

rgb() · ouer weergawergb(20, 184, 166)

rgb() · modernrgb(20 184 166)

hsl() · ouer weergawehsl(173, 80%, 40%)

hsl() · modernhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB-waardes20, 184, 166

WCAG-kontras

Op wit agtergrond

2,49:1

Faal

Op swart agtergrond

8,44:1

AAA

🖨️ Vir druk: Hierdie CMYK-waardes (89%, 0%, 10%, 28%) is 'n standaard sRGB→CMYK-benadering vir verwysing. Vir akkurate drukkleur, gebruik jou drukker se ICC-profiel of 'n gedrukte proef — skermsRGB kan nie elke ink/papier pas nie.

Ligtheidskaal

Klik enige kleurmonster om na daardie tint oor te skakel

Algemene gebruike

Omskep kleure vir webontwerpKry HEX-, RGB- en HSL-waardes vir enige kleur - gereed om in CSS of Tailwind in te voeg.
Omskep kleure vir afdruk (CMYK)Omskep skermkleure (HEX/RGB) na CMYK-waardes vir gebruik in drukontwerp en professionele afdruk.
Bou kleurpalettte vir ontwerpstelselsOmskep merkkleure oor alle formate en genereer konsekwente ligheidskaale vir 'n volledige ontwerpselsel.
Kontroleer kleurkontraspanning vir toeganklikheidSkakel kleure om RGB-waarde vir gebruik in kontrasverhouding-gereedskap te kry - WCAG-nakoming vir toeganklike ontwerp.
Skakel kleure om vir FigmaKry die presiese HEX en RGB-waarde om in Figma-kleurkiesers en ontwerpsysteemtokens in te plak.

Hoe dit werk

Alle omskakelingslogika is handgeskrewe JavaScript wat heeltemal in jou blaaier loop — geen biblioteek, geen bedienerbelling nie. Die nutsprogram ontleed jou toevoer, roeteer dit deur 'n ketting van suiwer wiskundefunksies, en produseer gelyktydig elf uitsetformate insluitend die moderne CSS Color 4-ruimtes oklch() en lab().

1
Buigsame toevoerontleding
'n Pasgemaakte ontleder aanvaar heks (3, 4, 6, of 8 syfers), rgb()/rgba(), hsl()/hsla() in beide verouderde komma-sintaksis en moderne spasie-sintaksis, en kaal numeriese drielinge. Alfawaardes as desimale of persentasies word na die 0–1-reeks genormaliseer voordat enige omskakeling begin.
2
RGB as die omskakelingsknoop
Elke aanvaarde formaat word eers na 'n kanonieke RGB-drieling opgelos. Vanaf daardie enkele voorstelling waaier die nutsprogram uit: HSL en HSV gebruik die standaard min/maks-/chroma-formules; CMYK word afgelei deur die sleutelkanaal te vind; en sRGB-linearisering (die stuksgewyse gamma-kurwe gedefinieer in IEC 61966-2-1) word toegepas voor die persepsuele-ruimte-berekeninge.
3
Persepsuele kleurruimtes van voor af bereken
oklch() word bereken met Björn Ottosson se verwysings-3×3-matrikse (LMS-kubuswortelruimte). lab() en lch() gebruik Bradford-chromatiese aanpassing om van die D65-witpunt na D50 om te skakel, wat ooreenstem met hoe CSS Color 4 lab() definieer. Dit is dieselfde formules gebruik in blaaier-renderingenjins — hier geïmplementeer sonder enige eksterne afhanklikheid.
4
WCAG-kontras en ligtheidskaal
Relatiewe luminansie word volgens die WCAG 2.1-formule bereken (gelineariseerde R, G, B geweeg 0.2126/0.7152/0.0722) en die kontrasverhouding teen wit en swart word gegradeer AA-groot, AA, AAA, of Druip. 'n Nege-stap-ligtheidstrook word gegenereer deur die HSL-ligtheidkanaal van 10% na 90% te stap, wat jou toelaat om enige kleurstaal te klik om daardie tint om te skakel.

Verwante gereedskap

🎨

Kleurkeuser en paletgenerator

Kies kleure, skakel om tussen HEX/RGB/HSL, en genereer harmonieuse palette.

Probeer dit

🎨

Ewekansige kleurgenerator

Genereer ewekansige kleure een op 'n slag of as 'n palet van vyf, sluit die wat jy hou, kopieer HEX-, RGB- of HSL-waardes en voer die palet uit as PNG of CSS.

Probeer dit

🎨

Kleurpaletgenerator

Genereer komplementêre, analoog, triadiese en monochromatiese kleurpalette van enige basiskleur. Kopieer hekskodes met een klik.

Probeer dit

Gratis Kleur Omskakelaar

Algemene gebruike

Hoe dit werk

Verwante gereedskap

Kleurkeuser en paletgenerator

Ewekansige kleurgenerator

Kleurpaletgenerator

Gereelde vrae