Treci la conținut

OKLab la HEX Convertor de format de culoare

Convertiți culorile OKLab în HEX dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact HEX, rotunjit pentru CSS și calculat cu biblioteca culori. Când HEX nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

Resetează

Întrebări frecvente

Între ce formate pot converti?

Zece formate: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK și Display P3. Oricare poate fi sursă sau țintă, ceea ce oferă 90 de direcții de conversie. Rezultatele folosesc sintaxa modernă CSS Color 4, de exemplu rgb(255 136 0) sau oklch(0.7442 0.1812 56.46).

Cum introduc culoarea de intrare?

Introduceți notația completă CSS a formatului sursă, de exemplu hsl(32 100% 50%) sau color(display-p3 1 0.5 0), ori doar valorile numerice, de exemplu 32, 100%, 50%, cu HSL selectat. Codurile hex funcționează cu sau fără #, în formate de 3, 4, 6 sau 8 cifre. Valoarea trebuie să corespundă formatului sursă selectat, astfel că o valoare rgb() pe o pagină HSL este respinsă pentru a evita o conversie accidentală.

Cum se convertește CMYK?

culori nu are un mod CMYK, așa că convertorul folosește formula standard simplă pentru valorile sRGB între 0 și 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), iar pentru M și Y se procedează la fel. Conversia inversă este R = (1 - C) x (1 - K) și așa mai departe. Aceasta nu este o conversie cu profil ICC, deci rezultatul nu va corespunde unei anumite prese sau hârtii; folosiți-o pentru aproximări pe ecran și specificații orientative.

Cum introduc o valoare CMYK?

Folosiți cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) pentru dispozitiv sau patru numere simple. Valorile cu semnul procentului sunt procente; cele fără unitate sunt interpretate ca fracții între 0 și 1, cu excepția cazului în care una dintre ele depășește 1, când toate sunt interpretate ca procente, astfel că 0, 47, 100, 0 funcționează conform așteptărilor. Valorile CMYK rezultate sunt întotdeauna exprimate în procente, cu cel mult două zecimale.

Ce se întâmplă cu culorile din afara gamei țintă?

Lab, LCH, OKLab, OKLCH și Display P3 pot descrie culori pe care sRGB nu le poate afișa. Când ținta este HEX, RGB, HSL, HWB sau CMYK, toate fiind sRGB, ori Display P3, o culoare din afara gamei este mapată cu algoritmul CSS Color 4, care reduce cromaticitatea OKLCH până când culoarea se încadrează, iar rezultatul include o notă. Țintele Lab, LCH, OKLab și OKLCH nu au limite și nu sunt niciodată mapate.

Se păstrează transparența?

Da, pentru toate țintele, cu excepția CMYK. O valoare alfa din intrare, precum rgb(255 136 0 / 50%) sau #ff880080, este scrisă ca / 0.5 în funcțiile CSS și ca un cod hex de 8 cifre. CMYK nu are canal alfa, așa că alfa este eliminată în acest caz.

Cât de precise sunt rezultatele?

Canalele RGB sunt rotunjite la numere întregi între 0 și 255; procentele HSL, HWB și CMYK, precum și valorile Lab și LCH, la două zecimale; valorile OKLab, luminozitatea și cromaticitatea OKLCH și canalele Display P3, la patru zecimale; nuanțele, la două zecimale. Toate calculele folosesc precizia completă de tip double înainte de rotunjire, astfel că la conversia dus-întors rezultatul rămâne în marja de rotunjire a valorii inițiale.

Ce sisteme Lab și LCH folosește convertorul?

CIELAB și CIE LCH cu punctul de alb D50, exact așa cum sunt definite de funcțiile CSS lab() și lch(), cu adaptarea Bradford de la albul D65 al sRGB. Luminozitatea variază de la 0 la 100. OKLab și OKLCH sunt spațiile perceptuale create de Bjorn Ottosson și folosite de CSS oklab() și oklch(), cu luminozitatea între 0 și 1.

Pot converti mai multe culori deodată?

Formularul paginii convertește câte o singură culoare. Clienții care apelează direct instrumentul pot trimite până la 100 culori, câte una pe linie, și primesc câte o valoare convertită pe fiecare linie, în aceeași ordine. Fiecare culoare poate avea cel mult 100 caractere.

De ce nuanța griurilor este 0?

Culorile neutre nu au nuanță, pe care CSS o poate scrie ca none. Convertorul scrie în schimb 0, astfel încât valoarea să funcționeze și în instrumentele care nu acceptă none. Nuanța nu are niciun efect vizibil când saturația sau cromaticitatea este zero.

Instrumente conexe

Convertor de format de culoare

Convertiți o culoare între HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK și Display P3. Alegeți formatele sursă și țintă, introduceți valoarea în sintaxa CSS sau ca numere simple și obțineți un rezultat pregătit pentru CSS, calculat cu biblioteca culori. Culorile din afara gamei țintă sunt mapate conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între cod și instrumente de design.

OKLab la RGB Convertor de format de culoare

Convertiți culorile OKLab în RGB dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact RGB, rotunjit pentru CSS și calculat cu biblioteca culori. Când RGB nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

OKLab la HSL Convertor de format de culoare

Convertiți culorile OKLab în HSL dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact HSL, rotunjit pentru CSS și calculat cu biblioteca culori. Când HSL nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

OKLab la HWB Convertor de format de culoare

Convertiți culorile OKLab în HWB dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact HWB, rotunjit pentru CSS și calculat cu biblioteca culori. Când HWB nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

OKLab la CIELAB Convertor de format de culoare

Convertiți culorile OKLab în CIELAB dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact CIELAB, rotunjit pentru CSS și calculat cu biblioteca culori. Când CIELAB nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

OKLab la CIE LCH Convertor de format de culoare

Convertiți culorile OKLab în CIE LCH dintr-un singur pas. Introduceți o valoare OKLab în sintaxa CSS sau ca numere simple și obțineți echivalentul exact CIE LCH, rotunjit pentru CSS și calculat cu biblioteca culori. Când CIE LCH nu poate afișa culoarea, aceasta este mapată la cea mai apropiată culoare din gamă, conform specificației CSS Color 4. Creat pentru dezvoltatorii și designerii care transferă culori între foi de stil, instrumente de design și specificații.

Afișează toate cele 90 instrumente similare

Despre OneClick Pro

OneClick Pro este o colecție gratuită de peste 150 de instrumente web pentru activitățile de zi cu zi: conversia imaginilor și unităților, formatarea și validarea codului, verificarea domeniilor și a SEO, precum și lucrul cu text, date și numere. Fiecare instrument funcționează fără înregistrare sau abonament, iar ceea ce introduceți este folosit doar pentru a calcula rezultatul și nu este stocat niciodată. Folosiți colecția ca trusă de instrumente rapidă pentru sarcini ocazionale sau salvați în marcaje instrumentele pe care le utilizați în fiecare zi.