ตัวแปลงสี (HEX/RGB/HSL/OKLCH)
ตัวแปลงสีฟรี แปลงค่า HEX, RGB, HSL, OKLCH และชื่อสี CSS พร้อมแสดงตัวอย่างแบบสด สำหรับนักออกแบบ นักพัฒนา และพาเลทสีที่เข้าถึงได้
Runs in your browserUpdated Apr 18, 2026
Color Input
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(0.623 0.188 259.8)
คำถามที่พบบ่อย
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.