Konverter Warna

Alat online gratis 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 kalkulator ini membantu Anda?

Apa itu Konverter Warna?

Konverter warna mengubah warna antar model warna HEX, RGB, dan HSL. Penting bagi pengembang web dan desainer yang bekerja dengan CSS, alat desain, dan teori warna. Termasuk pratinjau warna secara langsung.

Kapan Menggunakan Kalkulator Ini

Saat mengonversi spesifikasi warna desainer Figma atau Sketch menjadi nilai yang kompatibel dengan CSS
Saat membangun sistem desain dan memerlukan nilai warna yang konsisten di seluruh format HEX, RGB, dan HSL
Saat membuat palet atau skema warna menggunakan HSL untuk mempertahankan saturasi dan lightness yang konsisten
Saat memeriksa kontras warna untuk kepatuhan aksesibilitas (standar WCAG AA/AAA)
Saat mengonversi nilai warna lama di kode yang ada ke format berbeda untuk konsistensi
Saat men-debug masalah warna CSS dengan memverifikasi seperti apa warna sebenarnya di berbagai format

Langkah-langkah:

Enter a color value in HEX, RGB, or HSL format.
Select the input format using the tabs.
View converted values in all three formats.
See the live color preview swatch.

Rumus

HEX → RGB: split #RRGGBB into decimal values RGB → HSL: normalize RGB → find hue/saturation/lightness HSL → RGB: convert 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)

Kasus Penggunaan

Converting CSS color values
Creating color schemes from base colors
Matching design system colors
Understanding color relationships through HSL

Manfaat Utama

Convert colors between 3 formats instantly
See live color preview
Copy any format with one click
Free no sign-up needed

Tips Profesional

Use HSL for intuitive color adjustments
Use HEX for CSS compatibility
Use the preview to verify your color before using it
Keep a reference of common color conversions

Kesalahan Umum yang Harus Dihindari

Forgetting the # prefix for HEX colors
Using RGB values above 255 or below 0
Confusing HSL hue range (0-360) with RGB (0-255)

Istilah Kunci Dijelaskan

HEX: Hexadecimal RGB representation
RGB: Red Green Blue color model
HSL: Hue Saturation Lightness model
Color space: Mathematical model for colors

Konsep Terkait

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

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.

Interpretasi Hasil Anda

Konverter mendukung tiga format warna dan menunjukkan nilai ekuivalen di ketiganya secara bersamaan. HEX (#RRGGBB) adalah format paling umum dalam pengembangan web. RGB (rgb(R, G, B)) memberikan kontrol langsung atas channel warna individual. HSL (hsl(H, S%, L%)) paling intuitif untuk manusia — hue menentukan keluarga warna, saturasi mengontrol intensitas, dan lightness mengontrol kecerahan. Indikator rasio kontras menunjukkan apakah kombinasi warna latar depan/latar belakang Anda memenuhi standar aksesibilitas WCAG. Kepatuhan AA memerlukan setidaknya 4.5:1 untuk teks normal dan 3:1 untuk teks besar.