Omskakelgereedskap
Skakel HEX, RGB, HSL, HSV en CMYK om
Skakel HEX, RGB, HSL, HSV/HSB en CMYK in die blaaier om. Kies ’n kleur, kopieer kodes en toets WCAG-kontras. Niks word opgelaai nie.
Plak ’n kleurkode of gebruik die kieser. HEX, RGB, HSL, HSV en CMYK werk saam by. Kontras word met WCAG-verhoudings op ’n ondeursigtige agtergrond gemeet.
- Loop plaaslik
- Geen oplaai
- Dadelik
- Gratis
RGBA, HSLA en 8-syfer-HEX hou alfa. HSV- en CMYK-stringe nie; alfa word apart gewys.
HSV en HSB is dieselfde model. V en B beteken albei helderheid.
CMYK hier is ’n skatting uit skerm-RGB. Dit is nie ’n ICC-drukprofielomsetting nie.
WCAG-kontras
Voorgrond kan alfa hê en word op ’n ondeursigtige agtergrond saamgestel. Hierdie weergawe gebruik nie agtergrond-alfa nie. Kontras alleen bewys nie dat ’n bladsy toeganklik is nie.
| Toets | Uitslag |
|---|---|
| AA gewone teks | |
| AA groot teks | |
| AAA gewone teks | |
| AAA groot teks |
Voorbeeld van gewone teks
Voorbeeld van groot teks
Kleuromsetting en kontrasttoetse loop in die blaaier. Waardes word nie opgelaai nie.
Hoe dit werk
- 01 Plak ’n HEX-, RGB-, HSL-, HSV- of CMYK-waarde, of gebruik die kieser.
- 02 Lees die omgeskakelde kodes en kopieer wat jy nodig het.
- 03 As die kleur vir teks is, toets kontras teen ’n ondeursigtige agtergrond.
Hoekom NEXNARA
-
Privaat
Jou data bly in die blaaier.
-
Dadelik
Resultate verskyn dadelik.
-
Geen oplaaie
Niks word na ’n NEXNARA-bediener gestuur nie.
-
Werk oral
Geen installasie nodig nie.
Kom meer te wete
Wat is ’n kleuromskakelaar?
Die gereedskap sit een kleurnotasie om na die ander. Kopieer HEX vir CSS, RGB vir ontwerp, HSL vir aanpassing, HSV vir kiesers of ’n eenvoudige CMYK-skatting. Alle berekening bly in die blaaier.
Wat is HEX?
HEX skryf rooi, groen en blou as heksadesimale pare, soos #FF0000. Kort #RGB verdubbel elke syfer. Agtsyfer-#RRGGBBAA voeg alfa by. Hier is # opsioneel.
Wat is RGB?
RGB meng rooi, groen en blou van 0 tot 255. RGBA voeg alfa 0–1 by. Skerms wys kleur in RGB, dus is dit die spilformaat vir ander omsettings.
Wat is HSL?
HSL is tint (0–360), versadiging (0–100%) en ligtheid (0–100%). Tint 360 is dieselfde as 0. HSLA voeg alfa by. Handig as jy wil ligter of versadig maak sonder om in rou RGB te dink.
Wat is HSV / HSB?
HSV (ook HSB) gebruik tint, versadiging en waarde/helderheid. Dit is nie HSL nie: volhelder rooi is hsv(0, 100%, 100%) en hsl(0, 100%, 50%). Die gereedskap behandel HSV en HSB as een model.
Wat is CMYK?
CMYK is siaan, magenta, geel en swart, elkeen 0–100%. Drukkers gebruik CMYK. Die omsetting hier is ’n wiskundige skatting uit skerm-RGB, nie ’n drukklare ICC-profiel nie.
RGB teenoor CMYK
RGB is bygevoegde lig op ’n skerm. CMYK is weggetrekte ink op papier. Dieselfde syfers pas nie altyd by ’n gedrukte staal nie. Gebruik hierdie CMYK as ’n growwe idee, nie vir finale druk nie.
Wat is alfa?
Alfa is ondeursigtigheid. 1 is solied; 0 is heeltemal deursigtig. 8-syfer-HEX, RGBA en HSLA stoor dit. HSV- en CMYK-uitsette op hierdie bladsy sluit nie alfa in nie, daarom bly die veld sigbaar.
Wat is ’n WCAG-kontrasverhouding?
WCAG-kontras vergelyk die relatiewe luminansie van teks en agtergrond. Algemene teikens: 4,5:1 AA gewone teks, 3:1 AA groot teks, 7:1 AAA gewone en 4,5:1 AAA groot. Dit dek nie lettergrootte, gewig of die res van toeganklikheid nie.
Hoe om ’n kleur om te skakel
Kies HEX, RGB, HSL, HSV of CMYK. Plak ’n waarde of skuif die kieser. Omsetting loop terwyl jy tik. Kopieer enige uitslag. Vir kontras, stel ’n ondeursigtige agtergrond en lees PASS of FAIL by elke WCAG-ry.
Privaatheid
Niks word na NEXNARA of ’n eksterne kleur-API gestuur nie. Die gereedskap stoor nie waardes in koekies of plaaslike berging nie.
Gereelde vrae
Hoe skakel ek HEX na RGB om?
Plak HEX soos #FF0000 of kies die kleur. RGB verskyn as rgb(255, 0, 0).
Hoe skakel ek RGB na HEX om?
Kies RGB en voer rgb(255, 0, 0) of die velde R, G, B in. HEX word #FF0000.
Wat is die verskil tussen HSL en HSV?
Albei gebruik tint en versadiging, maar HSL se derde kanaal is ligtheid en HSV s’n is waarde (helderheid). Volhelder rooi is 50% ligtheid in HSL en 100% waarde in HSV.
Is HSV dieselfde as HSB?
Ja. B in HSB (brightness) is V in HSV (value). hsv() en hsb() word aanvaar.
Kan RGB na CMYK omgeskakel word?
Ja, as ’n skatting uit skerm-RGB. Dit pas nie by elke drukkerprofiel nie.
Hoekom kan gedrukte CMYK anders lyk?
Papier, ink en ICC-profiele verander die uitslag. Die bladsy simuleer nie ’n pers nie.
Wat beteken 8-syfer-HEX?
Die laaste twee syfers is alfa. #FF000080 is rooi teen ongeveer 50% ondeursigtigheid.
Watter kontrasverhouding het ek nodig?
WCAG AA vir gewone teks is 4,5:1. Groot teks kan 3:1 gebruik. AAA vir gewone teks is 7:1. Die gereedskap rapporteer net hierdie vier toetse.
Geskied die omsetting plaaslik?
Ja. Dit loop in die blaaier. Daar is geen bediener en geen eksterne API nie.
Hoe skakel ek HEX na HSL om?
Plak HEX en lees die HSL-veld, of begin by HSL en kopieer HEX. Tint 360 is gelyk aan 0.