Color Converter
I-convert ang anumang kulay sa pagitan ng HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH at OKLCH. I-paste ang code, tingnan ang kulay at kopyahin ang bawat format.
Mga halimbawa:
Mga conversion
Simpleng conversion lang ang CMYK, walang ICC profile. Humingi sa iyong printer ng conversion na may profile para sa print.
Paano gamitin ang color converter
- Mag-type o mag-paste ng kulay sa field na Input. Kusang natutukoy ang format:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)o pangalan tulad ngtomato. - Lumalabas ang mga conversion habang nagta-type ka. Puwede mo ring pindutin ang Enter o i-click ang I-convert.
- Tingnan ang swatch: ipinapakita nito ang kulay at ang Natukoy na format, para malaman mo kung paano binasa ang input mo.
- I-click ang Kopyahin sa tabi ng format na kailangan mo. Gamitin ang mga button ng halimbawa para subukan ang mga karaniwang input.
Gumagana ito sa iyong browser. Walang ini-type mo na ipinapadala sa server.
Mga sinusuportahang format
| Format | Halimbawa | Karaniwang gamit |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, mga design tool |
| RGB | rgb(255, 99, 71) |
CSS, code, mga image editor |
| HSL | hsl(9, 100%, 64%) |
CSS, pag-aayos ng liwanag |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, mga picker |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
print (tingnan ang tala sa ibaba) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), agham ng kulay |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
makabagong CSS, design system |
Ang mga output na HEX, RGB, HSL, HWB, LAB, LCH at OKLCH ay balidong CSS na puwede mong i-paste diretso sa stylesheet. Hindi CSS notation ang HSV at CMYK, kaya isinusulat ang mga ito sa nakagawiang function style para mabasa.
Kung may transparency ang iyong input (halimbawa rgb(255 0 0 / 50%)), pinapanatili ito ng converter: nagiging walong-digit na code ang HEX gaya ng #FF000080, at may alpha value ang ibang format.
Paano gumagana ang mga conversion
Ang RGB, HEX, HSL, HSV at HWB ay magkakaibang paraan ng pagsulat ng parehong sRGB na halaga, kaya eksakto ang conversion (hanggang sa pag-round). Sinusunod ng LAB at LCH ang depinisyon ng CSS Color 4, na gumagamit ng D50 white point na may Bradford chromatic adaptation. May mga online converter na D65 ang gamit, kaya ang kanilang LAB na numero ay maaaring magkaiba ng ilang yunit para sa parehong kulay. Gumagamit ang OKLCH ng Oklab model ni Björn Ottosson, ang ginagamit ng mga browser para sa oklch().
Kapag naglagay ka ng LAB, LCH o OKLCH na kulay na masyadong matingkad para sa karaniwang screen, nasa labas ito ng sRGB gamut at walang katumbas na HEX. Magpapakita ang tool ng mensahe at ililipat ito sa pinakamalapit na kulay na maipapakita sa pamamagitan ng pagbabawas ng chroma habang pinapanatili ang liwanag at hue.
Pagtataya lang ang CMYK
Ang mga halaga ng CMYK ay gumagamit ng simpleng pormula na K = 1 − max(R, G, B) at C = (1 − R − K) / (1 − K), at ganoon din sa M at Y. Walang ICC profile, kaya hindi hinuhulaan ng mga numero kung ano ang ililimbag ng isang press. Para sa propesyonal na print, mag-convert sa iyong layout software gamit ang profile na ibinigay ng iyong printer (halimbawa FOGRA39 o GRACoL). Ang pag-convert ng CMYK pabalik sa RGB ay gumagamit ng kabaligtarang pormula, R = (1 − C)(1 − K).
Mga madalas itanong
Paano i-convert ang HEX sa RGB nang mano-mano?
Hatiin ang code sa tatlong pares at i-convert ang bawat isa mula base 16 tungo sa base 10. Para sa #FF6347: FF = 255, 63 = 99, 47 = 71, kaya ang kulay ay rgb(255, 99, 71).
Ano ang pagkakaiba ng HSL at HSV?
Parehong gumagamit ng hue angle at saturation, pero ang ikatlong halaga ng HSL ay lightness (50% ang purong kulay, 100% ang puti) habang ang sa HSV ay value o liwanag (100% ang purong kulay o puti, depende sa saturation). Kaya magkaiba ang numero ng saturation ng parehong kulay sa dalawang modelo.
Bakit iba ang aking LAB value sa ibang converter?
Malamang dahil sa white point. D50 ang gamit ng tool na ito, tulad ng CSS lab(). Ang mga converter na nakabatay sa D65 ay nagbibigay ng bahagyang magkakaibang numero. Parehong tama sa kani-kanilang reperensya.
Puwede ko bang i-convert ang CMYK sa HEX?
Oo. Mag-type ng gaya ng cmyk(0%, 61%, 72%, 0%) o cmyk(0, 0.61, 0.72, 0). Tandaan na pagtataya lang ang resulta, walang color profile.
Tumatanggap ba ito ng kulay na walang # sign?
Oo. Nakikilala ang ff6347, f64 at maging ang tatlong numerong pinaghihiwalay ng kuwit, gaya ng 255, 99, 71.
Mga kaugnay na tool
- Color Picker Libreng online color picker. Pumili ng kahit anong kulay at agad na kopyahin ang HEX, RGB, HSL, HSV at CMYK code, kasama ang contrast sa puti at itim.
- Color Palette Generator Gumawa ng color palette mula sa isang base na kulay gamit ang color harmony: complementary, analogous, triadic, tetradic, square at monochromatic.
- Image Color Picker Mag-upload ng larawan at i-click ang anumang pixel para makuha ang kulay bilang HEX, RGB, HSL, HSV at CMYK. May zoom loupe at listahan ng mga napiling kulay.