Pāriet uz saturu

HEX līdz CIELAB Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz CIELAB. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu CIELAB ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja CIELAB nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

Atiestatīt

Bieži uzdotie jautājumi

Starp kuriem formātiem var pārveidot?

Desmit formāti: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK un Display P3. Katrs no tiem var būt avota vai mērķa formāts, tāpēc ir pieejami 90 pārveidošanas virzieni. Rezultātos tiek izmantota mūsdienīga CSS Color 4 sintakse, piemēram, rgb(255 136 0) vai oklch(0.7442 0.1812 56.46).

Kā ievadīt krāsu?

Ievadiet avota formāta pilno CSS pierakstu, piemēram, hsl(32 100% 50%) vai color(display-p3 1 0.5 0), vai tikai tā skaitliskās vērtības, piemēram, 32, 100%, 50%, kad atlasīts HSL. Heksadecimālie kodi der gan ar #, gan bez tā, 3, 4, 6 vai 8 ciparu formā. Vērtībai jāatbilst atlasītajam avota formātam, tāpēc rgb() vērtība HSL lapā tiek noraidīta, nevis kļūdas pēc pārveidota.

Kā tiek pārveidots CMYK?

culori nav CMYK režīma, tāpēc pārveidotājs izmanto standarta vienkāršoto formulu sRGB vērtībām no 0 līdz 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), un tāpat arī M un Y. Pretējā virzienā R = (1 - C) x (1 - K) un tā tālāk. Šī nav ICC profila pārveidošana, tāpēc rezultāts nesakritīs ar konkrētas drukas iekārtas vai papīra izvadi; izmantojiet to aptuvenam attēlojumam ekrānā un aptuvenām specifikācijām.

Kā ievadīt CMYK vērtību?

Izmantojiet cmyk(0%, 47%, 100%, 0%), ierīces cmyk(0 0.47 1 0) vai četrus neapstrādātus skaitļus. Vērtības ar procentu zīmi ir procenti; vērtības bez mērvienības tiek uztvertas kā daļas no 0 līdz 1, izņemot gadījumu, kad kāda no tām pārsniedz 1 — tad visas tiek uztvertas kā procenti, tāpēc 0, 47, 100, 0 darbojas, kā paredzēts. CMYK izvade vienmēr tiek attēlota procentos ar ne vairāk kā divām zīmēm aiz komata.

Kas notiek ar krāsām ārpus mērķa gammas?

Lab, LCH, OKLab, OKLCH un Display P3 var aprakstīt krāsas, ko sRGB nespēj attēlot. Ja mērķis ir HEX, RGB, HSL, HWB vai CMYK, kas visi izmanto sRGB, vai Display P3, ārpus gammas esoša krāsa tiek kartēta ar CSS Color 4 algoritmu, kas samazina OKLCH piesātinājumu, līdz krāsa ietilpst gammā; rezultātam tiek pievienota piezīme. Lab, LCH, OKLab un OKLCH mērķiem nav ierobežotas gammas, tāpēc kartēšana netiek veikta.

Vai caurspīdīgums tiek saglabāts?

Jā, visiem mērķa formātiem, izņemot CMYK. Alfa vērtība ievadē, piemēram, rgb(255 136 0 / 50%) vai #ff880080, tiek pierakstīta kā / 0.5 CSS funkcijās un kā 8 ciparu heksadecimālais kods. CMYK nav alfa kanāla, tāpēc alfa vērtība šajā formātā tiek atmesta.

Cik precīzi ir rezultāti?

RGB kanāli tiek noapaļoti līdz veseliem skaitļiem no 0 līdz 255; HSL, HWB un CMYK procenti, kā arī Lab un LCH vērtības — līdz divām zīmēm aiz komata; OKLab vērtības, OKLCH gaišums un piesātinājums, kā arī Display P3 kanāli — līdz četrām zīmēm aiz komata; nokrāsa — līdz divām zīmēm aiz komata. Visi aprēķini pirms noapaļošanas tiek veikti ar dubulto precizitāti, tāpēc, pārveidojot turp un atpakaļ, rezultāts no sākotnējā atšķiras tikai noapaļošanas robežās.

Kuras Lab un LCH versijas izmanto pārveidotājs?

CIELAB un CIE LCH ar D50 balto punktu tieši tā, kā tās definē CSS lab() un lch() funkcijas, izmantojot Bredforda adaptāciju no sRGB D65 baltā punkta. Gaišums ir no 0 līdz 100. OKLab un OKLCH ir Bjorn Ottosson uztveres krāstelpas, ko izmanto CSS oklab() un oklch(), un to gaišums ir no 0 līdz 1.

Vai varu pārveidot vairākas krāsas uzreiz?

Lapas veidlapa pārveido pa vienai krāsai. Klienti, kas izsauc rīku tieši, var nosūtīt līdz 100 krāsām — pa vienai katrā rindā — un saņemt vienu pārveidotu vērtību katrā rindā tādā pašā secībā. Katras krāsas garums nedrīkst pārsniegt 100 rakstzīmes.

Kāpēc pelēkām krāsām nokrāsa ir 0?

Neitrālām krāsām nav nokrāsas; CSS to var pierakstīt kā none. Pārveidotājs tās vietā raksta 0, lai vērtība darbotos arī rīkos, kas neatbalsta none. Nokrāsa nav vizuāli jūtama, ja piesātinājums vai krāsainība ir nulle.

Saistītie rīki

Krāsu formāta pārveidotājs

Pārveidojiet krāsu starp HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK un Display P3. Izvēlieties avota un mērķa formātu, ievadiet vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet CSS gatavu rezultātu, kas aprēķināts ar culori bibliotēku. Krāsas ārpus mērķa gammas tiek kartētas atbilstoši CSS Color 4 specifikācijai. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp kodu un dizaina rīkiem.

HEX līdz RGB Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz RGB. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu RGB ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja RGB nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

HEX līdz HSL Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz HSL. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu HSL ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja HSL nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

HEX līdz HWB Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz HWB. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu HWB ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja HWB nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

HEX līdz CIE LCH Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz CIE LCH. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu CIE LCH ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja CIE LCH nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

HEX līdz OKLab Krāsu formāta pārveidotājs

Vienā darbībā pārveidojiet HEX krāsas uz OKLab. Ievadiet HEX vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu OKLab ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja OKLab nevar attēlot krāsu, tā tiek kartēta uz tuvāko krāsu gammas robežās, kā noteikts CSS Color 4 specifikācijā. Rīks paredzēts izstrādātājiem un dizaineriem, kuri pārnes krāsas starp stilu lapām, dizaina rīkiem un specifikācijām.

Rādīt visus 90 saistītos rīkus

Par OneClick Pro

OneClick Pro ir bezmaksas vairāk nekā 150 tīmekļa rīku kolekcija ikdienas darbam: attēlu un mērvienību konvertēšanai, koda formatēšanai un validēšanai, domēnu un SEO pārbaudei, kā arī darbam ar tekstu, datumiem un skaitļiem. Katru rīku var izmantot bez reģistrācijas vai abonēšanas, un ievadītie dati tiek izmantoti tikai rezultāta aprēķināšanai un nekad netiek saglabāti. Izmantojiet to kā ātru rīku kopumu atsevišķiem uzdevumiem vai pievienojiet grāmatzīmēm rīkus, ko lietojat katru dienu.