Kagamitan sa pag-convert
I-convert ang HEX, RGB, HSL, HSV, at CMYK
I-convert ang HEX, RGB, HSL, HSV/HSB, at CMYK sa browser. Pumili ng kulay, kopyahin ang mga code, at suriin ang contrast ng WCAG. Walang ina-upload.
I-paste ang color code o gamitin ang picker. Sabay na nag-a-update ang HEX, RGB, HSL, HSV, at CMYK. Gumagamit ang contrast check ng ratio ng WCAG sa opaque na background.
- Tumatakbo sa device
- Walang upload
- Agad
- Libre
Pinapanatili ng RGBA, HSLA, at 8-digit HEX ang alpha. Hindi ito kasama sa string ng HSV at CMYK; hiwalay na ipinapakita ang alpha.
Magkaparehong modelo ang HSV at HSB. Ang V at B ay parehong brightness.
Ang CMYK dito ay tantya mula sa RGB ng screen. Hindi ito conversion ng ICC print profile.
Contrast ng WCAG
Maaaring may alpha ang foreground at ikinakabit ito sa opaque na background. Hindi ginagamit ng bersyong ito ang alpha ng background. Hindi sapat ang contrast lang para patunayang accessible ang page.
| Suriin | Resulta |
|---|---|
| AA normal na teksto | |
| AA malaking teksto | |
| AAA normal na teksto | |
| AAA malaking teksto |
Halimbawa ng normal na teksto
Halimbawa ng malaking teksto
Sa browser tumatakbo ang conversion ng kulay at contrast check. Hindi ina-upload ang mga value.
Paano ito gumagana
- 01 I-paste ang HEX, RGB, HSL, HSV, o CMYK value, o gamitin ang picker.
- 02 Basahin ang na-convert na code at kopyahin ang kailangan mo.
- 03 Kung para sa teksto ang kulay, suriin ang contrast sa opaque na background.
Bakit NEXNARA
-
Pribado
Nanatili ang data sa browser.
-
Instant
Agad lumalabas ang resulta.
-
Walang upload
Walang ipinapadala sa server ng NEXNARA.
-
Gumagana kahit saan
Hindi kailangan mag-install.
Alamin pa
Ano ang color converter?
Binabago ng tool na ito ang isang notasyon ng kulay papunta sa iba. Kopyahin ang HEX para sa CSS, RGB para sa design tool, HSL para sa adjustment, HSV para sa picker, o simpleng tantya ng CMYK. Ang lahat ng kalkulasyon ay nasa browser.
Ano ang HEX?
Isinusulat ng HEX ang pula, berde, at asul bilang hexadecimal na pares, tulad ng #FF0000. Dinudoble ng maikling #RGB ang bawat digit. Nagdaragdag ng alpha ang walong-digit na #RRGGBBAA. Opsiyonal ang # dito.
Ano ang RGB?
Hinahalo ng RGB ang pula, berde, at asul mula 0 hanggang 255. Nagdaragdag ang RGBA ng alpha mula 0 hanggang 1. RGB ang ginagamit ng screen, kaya ito ang sentrong format ng iba pang conversion.
Ano ang HSL?
Ang HSL ay hue (0–360), saturation (0–100%), at lightness (0–100%). Pareho ang hue 360 at 0. Nagdaragdag ang HSLA ng alpha. Maginhawa ito kung gusto mong paliwanagin o saturahan ang kulay nang hindi iniisip ang hilaw na RGB.
Ano ang HSV / HSB?
Gumagamit ang HSV (tinatawag ding HSB) ng hue, saturation, at value/brightness. Hindi ito HSL: ang ganap na maliwanag na pula ay hsv(0, 100%, 100%) at hsl(0, 100%, 50%). Itinuturing ng tool na ito na iisang modelo ang HSV at HSB.
Ano ang CMYK?
Ang CMYK ay cyan, magenta, dilaw, at itim, bawat isa 0–100%. Ginagamit ito ng printer. Ang conversion dito ay matematikal na tantya mula sa RGB ng screen, hindi press-ready na ICC profile.
RGB kontra CMYK
Additive na liwanag sa screen ang RGB. Subtractive na tinta sa papel ang CMYK. Hindi palaging tumutugma ang parehong numero sa printed swatch. Gamitin ang CMYK na ito bilang magaspang na ideya, hindi para sa pinal na print.
Ano ang alpha?
Opacity ang alpha. 1 ay solid; 0 ay ganap na transparent. Iniimbak ito ng 8-digit HEX, RGBA, at HSLA. Walang alpha ang HSV at CMYK output sa page na ito, kaya nakikita pa rin ang alpha field.
Ano ang contrast ratio ng WCAG?
Inihahambing ng contrast ng WCAG ang relative luminance ng teksto at background. Karaniwang target: 4.5:1 para sa AA normal na teksto, 3:1 para sa AA malaking teksto, 7:1 para sa AAA normal na teksto, at 4.5:1 para sa AAA malaking teksto. Hindi saklaw ng check na ito ang font size, weight, o iba pang accessibility.
Paano mag-convert ng kulay
Pumili ng HEX, RGB, HSL, HSV, o CMYK. I-paste ang value o galawin ang picker. Tumatakbo ang convert habang nagta-type. Kopyahin ang anumang resulta. Para sa contrast, magtakda ng opaque na background at basahin ang PASS o FAIL sa bawat hilera ng WCAG.
Privacy
Walang ipinapadala sa NEXNARA o sa panlabas na color API. Hindi sine-save ng tool na ito ang value sa cookie o local storage.
Mga madalas itanong
Paano ko i-convert ang HEX papuntang RGB?
I-paste ang HEX tulad ng #FF0000, o piliin ang kulay. Lalabas ang RGB bilang rgb(255, 0, 0).
Paano ko i-convert ang RGB papuntang HEX?
Piliin ang RGB at ilagay ang rgb(255, 0, 0) o ang R, G, B field. Magiging #FF0000 ang HEX.
Ano ang pagkakaiba ng HSL at HSV?
Parehong gumagamit ng hue at saturation, pero ang ikatlong channel ng HSL ay lightness at ng HSV ay value (brightness). Ang ganap na maliwanag na pula ay 50% lightness sa HSL at 100% value sa HSV.
Pareho ba ang HSV at HSB?
Oo. Ang B ng HSB (brightness) ay ang V ng HSV (value). Tinatanggap ng tool ang hsv() at hsb().
Pwede bang i-convert ang RGB papuntang CMYK?
Oo, bilang tantya mula sa RGB ng screen. Hindi ito tutugma sa bawat printer profile.
Bakit maaaring magmukhang iba ang printed CMYK?
Binabago ng papel, tinta, at ICC profile ang resulta. Hindi ginagaya ng page na ito ang printing press.
Ano ang ibig sabihin ng 8-digit HEX?
Alpha ang huling dalawang digit. Ang #FF000080 ay pulang may humigit-kumulang 50% opacity.
Anong contrast ratio ang kailangan ko?
4.5:1 ang WCAG AA para sa normal na teksto. Puwedeng 3:1 ang malaking teksto. 7:1 ang AAA para sa normal na teksto. Apat na check lang ang iniuulat ng tool na ito.
Lokal ba ang conversion?
Oo. Tumatakbo ito sa browser. Walang server at walang panlabas na API.
Paano ko i-convert ang HEX papuntang HSL?
I-paste ang HEX at basahin ang HSL field, o magsimula sa HSL at kopyahin ang HEX. Ang hue 360 ay katumbas ng 0.