Konvertera en färg mellan HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK och Display P3. Välj käll- och målformat, ange värdet i syntaxen för CSS eller som fristående tal och få ett resultat anpassat för CSS, beräknat med biblioteket culori. Färger utanför målfärgrymden mappas enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan kod och designverktyg.
Tio format: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK och Display P3. Vilket som helst kan vara källa eller mål, vilket ger 90 konverteringsriktningar. Resultaten använder modern syntax för CSS Color 4, till exempel rgb(255 136 0) eller oklch(0.7442 0.1812 56.46).
Ange källformatets fullständiga CSS-notation, till exempel hsl(32 100% 50%) eller color(display-p3 1 0.5 0), eller bara dess tal, till exempel 32, 100%, 50% när HSL är valt. Hexkoder fungerar med eller utan #, i format med 3, 4, 6 eller 8 siffror. Värdet måste motsvara det valda källformatet, så ett rgb()-värde på en sida för HSL avvisas i stället för att konverteras av misstag.
culori saknar CMYK-läge, så konverteraren använder standardformeln utan färgprofil på sRGB-värden från 0 till 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), och motsvarande för M och Y. I motsatt riktning gäller R = (1 - C) x (1 - K) och så vidare. Detta är ingen konvertering med ICC-profil, så resultatet motsvarar inte utskriften från en viss tryckpress eller på ett visst papper. Använd den för ungefärliga färger på skärmen och grova specifikationer.
Använd cmyk(0%, 47%, 100%, 0%), enhets-cmyk(0 0.47 1 0) eller fyra fristående tal. Värden med procenttecken är procenttal; värden utan enhet tolkas som bråk från 0 till 1, såvida något av dem inte är större än 1. I så fall tolkas alla som procenttal, så 0, 47, 100, 0 fungerar som förväntat. CMYK-utdata skrivs alltid som procenttal med upp till två decimaler.
Lab, LCH, OKLab, OKLCH och Display P3 kan beskriva färger som sRGB inte kan visa. När målet är HEX, RGB, HSL, HWB eller CMYK, som alla använder sRGB, eller Display P3, mappas en färg utanför färgrymden med algoritmen i CSS Color 4. Den minskar OKLCH-kroman tills färgen får plats, och resultatet får en anmärkning. Lab-, LCH-, OKLab- och OKLCH-mål är obegränsade och mappas aldrig.
Ja, för alla mål utom CMYK. Ett alfavärde i indata, till exempel rgb(255 136 0 / 50%) eller #ff880080, skrivs som / 0.5 i CSS-funktioner och som en hexkod med 8 siffror. CMYK saknar alfakanal, så alfavärdet tas bort där.
RGB-kanaler avrundas till heltal från 0 till 255; HSL, HWB- och CMYK-procent samt Lab- och LCH-värden avrundas till två decimaler; OKLab-värden, OKLCH-ljushet och kroma samt Display P3-kanaler avrundas till fyra decimaler; nyanser avrundas till två decimaler. Alla beräkningar görs med full dubbel precision före avrundning, så konvertering fram och tillbaka håller sig inom avrundningen av originalvärdet.
CIELAB och CIE LCH med vitpunkten D50, exakt enligt definitionerna för funktionerna CSS lab() och lch(), med Bradford-anpassning från sRGB:s vita D65. Ljusheten går från 0 till 100. OKLab och OKLCH är de perceptuella färgrymderna av Bjorn Ottosson som används av CSS oklab() och oklch(), med ljushet från 0 till 1.
Sidformuläret konverterar en färg åt gången. Klienter som anropar verktyget direkt kan skicka upp till 100 färger, en per rad, och få ett konverterat värde per rad i samma ordning. Varje färg får vara högst 100 tecken lång.
Neutrala färger saknar nyans, vilket CSS kan skriva som none. Konverteraren skriver i stället 0, så värdet också fungerar i verktyg som inte accepterar none. Nyansen har ingen synlig effekt när mättnaden eller kroman är noll.
Konvertera färger från HEX till RGB i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i RGB, avrundad för CSS och beräknad med biblioteket culori. När RGB inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
Konvertera färger från HEX till HSL i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i HSL, avrundad för CSS och beräknad med biblioteket culori. När HSL inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
Konvertera färger från HEX till HWB i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i HWB, avrundad för CSS och beräknad med biblioteket culori. När HWB inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
Konvertera färger från HEX till CIELAB i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i CIELAB, avrundad för CSS och beräknad med biblioteket culori. När CIELAB inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
Konvertera färger från HEX till CIE LCH i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i CIE LCH, avrundad för CSS och beräknad med biblioteket culori. När CIE LCH inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
Konvertera färger från HEX till OKLab i ett steg. Ange ett HEX-värde i syntaxen för CSS eller som fristående tal och få den exakta motsvarigheten i OKLab, avrundad för CSS och beräknad med biblioteket culori. När OKLab inte kan visa färgen mappas den till den närmaste färgen inom färgrymden, enligt specifikationen i CSS Color 4. Utvecklad för utvecklare och designers som flyttar färger mellan formatmallar, designverktyg och specifikationer.
OneClick Pro är en kostnadsfri samling med mer än 150 webbverktyg för det dagliga arbetet: konvertera bilder och enheter, formatera och validera kod, kontrollera domäner och SEO samt arbeta med text, datum och tal. Alla verktyg fungerar utan registrering eller prenumeration, och det du anger används bara för att beräkna resultatet och sparas aldrig. Använd samlingen som en snabb verktygslåda för enstaka uppgifter eller bokmärk verktygen du använder varje dag.