HEX · RGB · HSL · HSV · CMYK
Color converter
Ang kulay na #0060fd ay rgb(0, 96, 253), hsl(217, 100%, 50%) at cmyk(100%, 62%, 0%, 1%). Mag-type ng anumang CSS color o gamitin ang picker para i-convert ang sarili mong kulay.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Nag-a-update ang mga tile habang nagta-type ka. Kung hindi kulay ang text, lalabas ang error at mananatili sa screen ang huling wastong kulay.
Scanned by 
NortonTM Safe Web
Sa isang tingin
- Presyo
- Walang singil
- Account
- Hindi kailangan
- Upload
- Hindi naaangkop — nagta-type ka ng kulay, walang ipinapadala saanman
- Input
- HEX (3, 4, 6 o 8 digit), rgb(), hsl(), hwb(), 148 CSS color name at transparent
- Output
- HEX, RGB, HSL, HSV, CMYK at ang pinakamalapit na CSS color name
- CMYK
- Matematikal na conversion, hindi print profile
Karaniwang kulay sa bawat model
Ginawa ng parehong code ng converter ang mga hilerang ito. Niro-round sa buong numero ang HSL, HSV at CMYK.
| Tinype | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Paano mag-convert ng kulay
Maglagay ng kulay
Mag-type ng HEX code na may 3, 4, 6 o 8 digit, value na rgb(), hsl() o hwb(), o isa sa 148 CSS color name. Puwede mo ring i-click ang color box at pumili ng kulay gamit ang picker ng browser mo.
Basahin ang iba pang model
Ipinapakita ng swatch ang kulay sa ibabaw ng checkerboard, kaya nakikita ang transparency. Ipinapakita ng mga tile ang parehong kulay bilang HEX, RGB, HSL, HSV at CMYK, at ang pinakamalapit na CSS color name.
Kopyahin ang kailangan mo
Pindutin ang Kopyahin sa isang tile para ilagay ang value na iyon sa clipboard, handa nang i-paste sa stylesheet, design tool o dokumento.
Paano magkakaugnay ang mga color model
Inilalarawan ng RGB ang kulay bilang dami ng pula, berde at asul na liwanag na pinagsasama ng screen, bawat isa mula 0 hanggang 255; ang #0060fd ay 0 pula, 96 berde at 253 asul. Ang HEX ay ang parehong tatlong numero na nakasulat sa base 16, kaya ang 96 ay 60 at ang 253 ay fd. Inilalarawan ng HSL at HSV ang parehong kulay bilang anggulo ng hue mula 0 hanggang 360 degree sa color wheel kasama ang dalawang porsiyento: saturation, at lightness (HSL) o value (HSV). Ang #0060fd ay may hue na 217 sa dalawa. Inilalarawan ng CMYK ang tinta: ang cyan, magenta, yellow at black ay ibinabawas mula sa puting papel.
Ang CMYK na ipinapakita rito ay payak na matematikal na conversion: ang black ay 1 bawas ang pinakamalaki sa R, G at B, at ang cyan, magenta at yellow ang natitira. Hindi ito print profile, kaya ang printer o design program na gumagamit ng ICC profile ay magbibigay ng ibang numero ng CMYK para sa parehong kulay. Ipinapakita bilang buong numero ang mga value ng HSL, kaya ang pag-convert pabalik ng ni-round na value ay maaaring magpagalaw ng isang channel nang ilang unit: ang hsl(217, 100%, 50%) ay #0062ff, hindi #0060fd. Ang pinakamalapit na CSS name ay ang keyword na may pinakamaliit na CIE76 na pagkakaiba ng kulay sa L*a*b* space. Tumatakbo ang lahat sa browser mo at walang ipinapadala saanman.
Mga tanong tungkol sa color converter
Paano i-convert ang HEX sa RGB?
Hatiin ang anim na digit sa tatlong pares at basahin ang bawat pares bilang numerong base 16. Ang #0060fd ay 00, 60 at fd, na 0, 96 at 253, kaya ang kulay ay rgb(0, 96, 253). I-paste ang HEX code sa field at ipapakita ng RGB tile ang resulta.
Ano ang ibig sabihin ng huling dalawang digit ng 8-digit na HEX code?
Ito ang alpha channel, ang opacity, mula 00 (ganap na transparent) hanggang ff (ganap na opaque). Ang #0060fd80 ay ang parehong asul sa 128 sa 255, na mga 50.2% opacity, kaya ipinapakita ito bilang rgba(0, 96, 253, 0.502). Ganoon din ang 4-digit na code tulad ng #06f8, na dinodoble ang bawat digit.
Ano ang pagkakaiba ng HSL at HSV?
Parehong gumagamit ng hue at saturation, pero iba ang ikatlong value. Sa HSL, ang lightness na 50% ang purong kulay, ang 0% ay itim at ang 100% ay puti. Sa HSV, ang value na 100% ang pinakamaliwanag na bersyon ng kulay, at ang puti ay nangangailangan ng saturation na 0%. Ang parehong asul ay hsl(217, 100%, 50%) at hsv(217, 100%, 99%).
Magagamit ko ba ang resulta ng CMYK sa pag-print?
Gamitin lang ito bilang panimulang punto. Gumagamit ang pahinang ito ng payak na formula sa pagitan ng RGB at CMYK, na walang alam sa tinta, papel o profile ng printer. Ang print shop o design program na may color profile ay magko-convert ng parehong kulay na RGB sa ibang numero ng CMYK.
Anong mga format ng kulay ang puwede kong i-type?
HEX na may o walang #, sa 3, 4, 6 o 8 digit; rgb() at rgba() na may kuwit o espasyo, numero o porsiyento, at opsyonal na alpha pagkatapos ng slash; hsl(), hsla() at hwb() na may anggulo sa deg, rad, grad o turn; ang 148 CSS color name tulad ng rebeccapurple; at transparent.
Bakit hindi eksaktong tugma ang pinakamalapit na pangalan ng kulay?
148 lang ang CSS color name, kaya karamihan ng kulay ay walang sariling pangalan. Pinipili ng pahina ang pangalang ang kulay ay pinakamalapit tingnan, na sinusukat bilang CIE76 na pagkakaiba ng kulay sa L*a*b* space; para sa #0060fd, mediumslateblue iyon. Kapag eksaktong may pangalan ang kulay, tulad ng #ff0000, sasabihin ng pahina na eksaktong tugma ito.