Konvertér en farve mellem HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK og Display P3. Vælg kilde- og målformat, indtast værdien i CSS-syntaks eller som rå tal, og få et resultat klar til CSS, beregnet med culori-biblioteket. Farver uden for målfarverummet tilpasses som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem kode og designværktøjer.
Ti formater: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK og Display P3. Alle kan bruges som kilde eller mål, hvilket giver 90 konverteringsretninger. Resultaterne bruger moderne CSS Color 4-syntaks, f.eks. rgb(255 136 0) eller oklch(0.7442 0.1812 56.46).
Indtast den fulde CSS-notation for kildeformatet, f.eks. hsl(32 100% 50%) eller color(display-p3 1 0.5 0), eller kun tallene, f.eks. 32, 100 %, 50 % med HSL valgt. Hexkoder fungerer med eller uden # i formater på 3, 4, 6 eller 8 cifre. Værdien skal passe til det valgte kildeformat, så en rgb()-værdi på en HSL-side afvises i stedet for at blive konverteret ved en fejl.
culori har ingen CMYK-tilstand, så konverteren bruger standardformlen på sRGB-værdier fra 0 til 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), og tilsvarende for M og Y. Den omvendte retning er R = (1 - C) x (1 - K) osv. Dette er ikke en ICC-profilkonvertering, så resultatet matcher ikke outputtet fra en bestemt trykpresse eller papirtype. Brug det til skærmtilnærmelser og grove specifikationer.
Brug cmyk(0%, 47%, 100%, 0%), enheds-cmyk(0 0.47 1 0) eller fire rå tal. Værdier med procenttegn er procenter; værdier uden enhed aflæses som brøker fra 0 til 1, medmindre en af dem er over 1. I så fald aflæses de alle som procenter, så 0, 47, 100, 0 fungerer som forventet. CMYK-output skrives altid som procenter med op til to decimaler.
Lab, LCH, OKLab, OKLCH og Display P3 kan beskrive farver, som sRGB ikke kan vise. Når målet er HEX, RGB, HSL, HWB eller CMYK, som alle bruger sRGB, eller Display P3, tilpasses farver uden for farverummet med CSS Color 4-algoritmen, der sænker OKLCH-kromaen, indtil farven passer, og resultatet får en note. Målformaterne Lab, LCH, OKLab og OKLCH er ubegrænsede og tilpasses aldrig.
Ja, for alle målformater undtagen CMYK. En alfaværdi i inputtet, f.eks. rgb(255 136 0 / 50%) eller #ff880080, skrives som / 0.5 i CSS-funktioner og som en hexkode på 8 cifre. CMYK har ingen alfakanal, så alfaen udelades dér.
RGB-kanaler afrundes til hele tal fra 0 til 255; HSL, HWB- og CMYK-procenter samt Lab- og LCH-værdier afrundes til to decimaler; OKLab-værdier, OKLCH-lyshed og -kroma samt Display P3-kanaler afrundes til fire decimaler; farvetoner afrundes til to decimaler. Alle beregninger udføres med fuld dobbeltpræcision før afrunding, så konvertering frem og tilbage holder sig inden for afrundingen af originalen.
CIELAB og CIE LCH med D50-hvidpunktet, præcis som funktionerne CSS lab() og lch() definerer dem, med Bradford-tilpasning fra sRGB's D65-hvidpunkt. Lysheden går fra 0 til 100. OKLab og OKLCH er de perceptuelle farverum udviklet af Bjorn Ottosson, som bruges af CSS oklab() og oklch(), med lyshed fra 0 til 1.
Formularen på siden konverterer én farve ad gangen. Klienter, der kalder værktøjet direkte, kan sende op til 100 farver, én pr. linje, og få én konverteret værdi pr. linje i samme rækkefølge. Hver farve må højst være 100 tegn lang.
Neutrale farver har ingen farvetone, hvilket CSS kan skrive som none. Konverteren skriver i stedet 0, så værdien også fungerer i værktøjer, der ikke accepterer none. Farvetonen har ingen synlig effekt, når mætning eller kroma er nul.
Konvertér HEX-farver til RGB i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige RGB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når RGB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
Konvertér HEX-farver til HSL i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige HSL-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når HSL ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
Konvertér HEX-farver til HWB i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige HWB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når HWB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
Konvertér HEX-farver til CIELAB i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige CIELAB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når CIELAB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
Konvertér HEX-farver til CIE LCH i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige CIE LCH-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når CIE LCH ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
Konvertér HEX-farver til OKLab i ét trin. Indtast en HEX-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige OKLab-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når OKLab ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.
OneClick Pro er en gratis samling med mere end 150 webværktøjer til daglige opgaver: konvertering af billeder og enheder, formatering og validering af kode, opslag af domæner og SEO samt arbejde med tekst, datoer og tal. Alle værktøjer fungerer uden registrering eller abonnement, og det, du indtaster, bruges kun til at beregne resultatet og gemmes aldrig. Brug samlingen som en hurtig værktøjskasse til enkeltstående opgaver, eller bogmærk de værktøjer, du bruger hver dag.