Konverter Warna
Konversi warna antara format HEX, RGB, dan HSL secara instan.
Konverter Warna langsung menerjemahkan nilai warna antara format paling umum yang digunakan dalam desain web dan grafis: HEX (#rrggbb), RGB (merah, hijau, biru), HSL (rona, saturasi, kecerahan), dan HSB/HSV. Setiap format memiliki kekuatannya masing-masing — HEX kompak dan diterima secara universal di CSS, sementara HSL lebih intuitif untuk memilih nuansa dan warna.
Masukkan nilai warna dalam format apa pun yang didukung dan alat secara otomatis menghitung dan menampilkan nilai yang setara dalam semua format lain secara bersamaan. Pratinjau warna langsung memungkinkan Anda mengonfirmasi hasilnya secara visual.
Alat ini berguna bagi desainer yang mentransfer warna antara Figma, Photoshop, dan kode, serta pengembang yang memastikan konsistensi warna di seluruh stylesheet. Semua konversi terjadi di browser.
Pertanyaan yang Sering Diajukan
Implementasi Kode
import colorsys
# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip("#")
r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
return r, g, b
# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02X}{g:02X}{b:02X}"
# RGB → HSL (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)
# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}") # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b)) # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)") # hsl(217.0, 91.2%, 59.8%)Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.