Penukar Warna

Alat dalam talian percuma convert between color formats instantly. free online color converter supports hex, rgb, hsl, hsv, cmyk, and named colors. get color previews and accessibility info. no sign-up.

Apakah Penukar Warna?

A powerful developer tool designed to help you work more efficiently. Color Converter provides accurate results instantly with a clean, intuitive interface. Perfect for developers, engineers, and IT professionals.

Rumus

HEX → RGB: split #RRGGBB into decimal nilAIs

RGB → HSL: normalize RGB → find hue/saturation/lightness

HSL → RGB: tukar via chroma formulas

HEX: #RRGGBB (0-255 each)

RGB: rgb(R, G, B) (0-255)

HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

Cara Mengira

Enter your input in the field above.
Configure any available options to customize the output.
View the results instantly with real-time updates.
Copy or export your results for use in your projects.

Contoh

input: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). input: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

Faedah Utama

Get accurate results instantly in your browser.
Save time with real-time calculations as you type.
No data leaves your device - complete privacy.
Free to use on any device, no sign-up required.

Kesilapan Biasa

Lupa awalan # untuk warna HEX
Using RGB nilAIs above 255 or below 0
Mengelirukan julat warna HSL (0-360) dengan RGB (0-255)

Tips Pro

Use HSL for intuitive warna adjustments
Guna HEX for CSS compatibility
Use the preview to verify anda warna before using it
Keep a reference of biasa warna conversions

Istilah Utama

HEX: Perwakilan RGB heksadesimal
RGB: Red Green Blue warna model
HSL: Model Hue Saturation Lightness
warna space: Mathematical model for warnas

Kegunaan Biasa

tukaring CSS warna nilAIs
Creating warna schemes from base warnas
padananing design system warnas
Memahami hubungan warna melalui HSL

Soalan Lazim

Apakah the difference between HEX, RGB, and HSL?

HEX is a 6-digit hexadecimal representation (#FF0000). RGB defines warnas as red/green/blue nilAIs (rgb(255, 0, 0)). HSL uses hue, saturation, and lightness (hsl(0, 100%, 50%)).

Which warna format should I use?

HEX is most biasa in web development for simple warnas. RGB gives fine control over warna channels. HSL is most intuitive for humans — adjust hue for different warnas, saturation for intensity, and lightness for brightness.

Apakah the HSL advantage?

HSL is more human-readable. anda can create warna schemes by keeping S and L constant while varying H. For contoh, hsl(0, 50%, 50%) = red, hsl(120, 50%, 50%) = green, hsl(240, 50%, 50%) = blue.

Alat berkaitan

Kalkulator Rasio Aspek

Kalkulator Bandwidth

Kalkulator masa Pengunduhan

Kalkulator kos Hosting Cloud

Kalkulator kos CDN

Kalkulator Monetisasi Antarmuka Pemrograman aplikasi