# HWB līdz HEX Krāsu formāta pārveidotājs Vienā darbībā pārveidojiet HWB krāsas uz HEX. Ievadiet HWB vērtību CSS sintaksē vai kā neapstrādātus skaitļus un iegūstiet precīzu HEX ekvivalentu, kas noapaļots CSS un aprēķināts ar culori bibliotēku. Ja HEX 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. ## 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](https://oneclick.pro/lv/tool/color-format-converter/) 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. ### [HWB līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-rgb/) Vienā darbībā pārveidojiet HWB krāsas uz RGB. Ievadiet HWB 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. ### [HWB līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-hsl/) Vienā darbībā pārveidojiet HWB krāsas uz HSL. Ievadiet HWB 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. ### [HWB līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-lab/) Vienā darbībā pārveidojiet HWB krāsas uz CIELAB. Ievadiet HWB 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. ### [HWB līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-lch/) Vienā darbībā pārveidojiet HWB krāsas uz CIE LCH. Ievadiet HWB 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. ### [HWB līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-oklab/) Vienā darbībā pārveidojiet HWB krāsas uz OKLab. Ievadiet HWB 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** - [HWB līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-oklch/) - [HWB līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-cmyk/) - [HWB līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hwb-to-p3/) - [RGB līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-hex/) - [HSL līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-hex/) - [CIELAB līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-hex/) - [CIE LCH līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-hex/) - [OKLab līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-hex/) - [OKLCH līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-hex/) - [CMYK līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-hex/) - [Display P3 līdz HEX Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-hex/) - [HEX līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-rgb/) - [HEX līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-hsl/) - [HEX līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-hwb/) - [HEX līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-lab/) - [HEX līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-lch/) - [HEX līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-oklab/) - [HEX līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-oklch/) - [HEX līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-cmyk/) - [HEX līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hex-to-p3/) - [RGB līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-hsl/) - [RGB līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-hwb/) - [RGB līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-lab/) - [RGB līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-lch/) - [RGB līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-oklab/) - [RGB līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-oklch/) - [RGB līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-cmyk/) - [RGB līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/rgb-to-p3/) - [HSL līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-rgb/) - [HSL līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-hwb/) - [HSL līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-lab/) - [HSL līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-lch/) - [HSL līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-oklab/) - [HSL līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-oklch/) - [HSL līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-cmyk/) - [HSL līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/hsl-to-p3/) - [CIELAB līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-rgb/) - [CIELAB līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-hsl/) - [CIELAB līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-hwb/) - [CIELAB līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-lch/) - [CIELAB līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-oklab/) - [CIELAB līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-oklch/) - [CIELAB līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-cmyk/) - [CIELAB līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lab-to-p3/) - [CIE LCH līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-rgb/) - [CIE LCH līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-hsl/) - [CIE LCH līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-hwb/) - [CIE LCH līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-lab/) - [CIE LCH līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-oklab/) - [CIE LCH līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-oklch/) - [CIE LCH līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/lch-to-p3/) - [OKLab līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-rgb/) - [OKLab līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-hsl/) - [OKLab līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-hwb/) - [OKLab līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-lab/) - [OKLab līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-lch/) - [OKLab līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-oklch/) - [OKLab līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-cmyk/) - [OKLab līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklab-to-p3/) - [OKLCH līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-rgb/) - [OKLCH līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-hsl/) - [OKLCH līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-hwb/) - [OKLCH līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-lab/) - [OKLCH līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-lch/) - [OKLCH līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-oklab/) - [OKLCH līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/oklch-to-p3/) - [CMYK līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-rgb/) - [CMYK līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-hsl/) - [CMYK līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-hwb/) - [CMYK līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-lab/) - [CMYK līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-lch/) - [CMYK līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-oklab/) - [CMYK līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-oklch/) - [CMYK līdz Display P3 Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/cmyk-to-p3/) - [Display P3 līdz RGB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-rgb/) - [Display P3 līdz HSL Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-hsl/) - [Display P3 līdz HWB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-hwb/) - [Display P3 līdz CIELAB Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-lab/) - [Display P3 līdz CIE LCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-lch/) - [Display P3 līdz OKLab Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-oklab/) - [Display P3 līdz OKLCH Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-oklch/) - [Display P3 līdz CMYK Krāsu formāta pārveidotājs](https://oneclick.pro/lv/tool/color-format-converter/p3-to-cmyk/) Jūsu reklāma šeit? [Rakstiet mums](mailto:hi@dennn.is?subject=Rekl%C4%81ma%20vietn%C4%93%20OneClick%20Pro) [Reklāma Aģentiem gatavais spraudņu komplekts vietnei WordPress.](https://sleekwp.com/?ref=oneclickpro)