Converter ng Kulay HEX RGB HSL

I-convert ang CSS color value sa pagitan ng HEX, RGB at HSL format na may live preview at output na handang kopyahin.

Lahat ay tumatakbo nang lokal sa iyong browser.

Mga value ng CSS

I-convert ang mga na-paste na kulay sa mga CSS value na handa nang kopyahin para sa mga stylesheet, component, at design token.

Paglipat ng disenyo

Magpalipat-lipat sa HEX spec, RGB value mula sa mga screenshot, at HSL adjustment nang hindi nagbubukas ng design app.

Pribadong lokal na pagproseso

Browser-native JavaScript lamang ang ginagamit ng converter. Walang upload endpoint o conversion na isinasagawa sa server.

Mga kaugnay na tool para sa kulay

Pumili ng Kulay ng Larawan
Pumili ng mga halaga ng HEX, RGB at HSL mula sa mga na-upload o na-paste na larawan.
Converter ng CSS Color
Mag-convert ng HEX, RGB, HSL, HSV at CMYK na mga kulay.
Generator ng Color Palette ng Larawan
Pumili ng eksaktong kulay mula sa isang lokal na imahe.
Tagasuri ng contrast ng kulay ayon sa WCAG
Suriin ang contrast ratio para sa accessibility at ang mga pamantayang AA/AAA.
EXR HDR sa PNG
Ilapat ang tahasang exposure, gamma, o scene-linear-to-sRGB rendering sa mga channel ng OpenEXR.

Mga Madalas Itanong

Naka-upload ba ang halaga ng kulay ko?

Hindi. Tumatakbo sa iyong browser gamit ang JavaScript ang conversion ng HEX, RGB, at HSL. Hindi ipinapadala sa mga server ng Convertr ang mga color value na inilalagay mo.

Aling mga HEX format ang suportado?

Sinusuportahan ng converter ang 3-digit at 6-digit na HEX color gaya ng #0fa at #00ffaa.

Maaari ba akong mag-paste ng mga value ng CSS rgb() at hsl()?

Oo. Maaari kang mag-paste ng mga value tulad ng rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) o 142 71% 45%.

Para saan kapaki-pakinabang ang HSL?

Hinahati ng HSL ang hue, saturation at lightness, kaya praktikal ito sa pagsasaayos ng mga pangkat ng kulay, estado kapag itinapat ang pointer at mga token ng disenyo.