What color formats are supported?

This tool supports HEX (e.g., #FF5733), RGB (e.g., rgb(255,87,51)), and HSL (e.g., hsl(11,100%,60%)) formats.

What's the difference between HEX, RGB, and HSL?

HEX uses hexadecimal notation. RGB defines colors by red, green, blue values (0-255). HSL uses hue (0-360), saturation, and lightness percentages.

Can I use the color picker?

Yes. Use the built-in color picker to visually select a color, and all format values will update automatically.

ตัวแปลงสี

แปลงสีระหว่างรูปแบบ HEX, RGB และ HSL พร้อมแสดงตัวอย่างแบบเรียลไทม์

HEX

RGB

HSL

เลือกสี

ป้อนค่าสีแล้วคลิกแปลง

เกี่ยวกับรูปแบบสี

สี HEX ใช้เลขฐานสิบหก (#RRGGBB) RGB ใช้ช่องแดง เขียว และน้ำเงิน (0-255) HSL ใช้เฉดสี (0-360°) ความอิ่มตัว (0-100%) และความสว่าง (0-100%) แต่ละรูปแบบมีการใช้งานเฉพาะในการออกแบบเว็บ CSS และกราฟิกดีไซน์

เครื่องมือเพิ่มเติม

{ }ตัวจัดรูปแบบ JSON B64ตัวเข้ารหัส/ถอดรหัส Base64 %20ตัวเข้ารหัส/ถอดรหัส URL #ตัวสร้างแฮช

วิธีใช้งาน

Enter a color value in any format (HEX, RGB, or HSL)
All other formats update automatically in real-time
Use the color picker for visual selection
Copy any color format with the copy button

กรณีการใช้งาน

Converting design specs between formats
Finding HEX values for CSS styling
Adjusting colors with HSL for hue/saturation tweaks
Matching brand colors across tools

ตัวแปลงสี

เกี่ยวกับรูปแบบสี

เครื่องมือเพิ่มเติม

วิธีใช้งาน

กรณีการใช้งาน

คำถามที่พบบ่อย