เครื่องมือแปลงสี

แปลงระหว่างรูปแบบสีต่างๆ (HEX, RGB, HSL, OKLCH, RGBA, HSLA)

ตัวเลือกสี

เลือกหรือป้อนสี

HEX

รหัสสีฐานสิบหก

RGB

ค่าสีแดง, เขียว, น้ำเงิน (0-255)

HSL

เฉดสี, ความอิ่มตัว, ความสว่าง

H (0-360)

ความอิ่มตัว (0-100)

ความสว่าง (0-100)

OKLCH

พื้นที่สีเชิงรับรู้ที่ทันสมัย

ความสว่าง (0-1)

ความเข้มของสี (0-0.4)

H (0-360)

RGBA

RGB พร้อม Alpha (ความโปร่งใส)

Alpha

HSLA

HSL พร้อม Alpha (ความโปร่งใส)

เฉดสี

ความอิ่มตัว

ความสว่าง

Alpha

ค่าสีที่ตั้งไว้ล่วงหน้า

เลือกจากสีที่ใช้บ่อย

ตัวแปร CSS

รูปแบบตัวแปรสำหรับใช้ใน CSS

คำอธิบายรูปแบบสี

รูปแบบ #RRGGBB โดยแต่ละช่องสีอยู่ในช่วง 00-FF (0-255) ใช้กันอย่างแพร่หลายที่สุดบนเว็บ

ค่าสีแดง, เขียว, และน้ำเงินในช่วง 0-255 เข้าใจง่ายและใช้งานง่าย

เฉดสี, ความอิ่มตัว, และความสว่าง ใช้งานง่ายสำหรับการปรับสี

พื้นที่สีเชิงรับรู้ที่ทันสมัย ประกอบด้วยความสว่าง (L), ความเข้มของสี (C), และเฉดสี (H) ออกแบบมาให้ใกล้เคียงกับการมองเห็นของมนุษย์มากขึ้น

RGB/HSL พร้อมช่อง Alpha (ความโปร่งใส) ช่วงตั้งแต่ 0 (โปร่งใสเต็มที่) ถึง 1 (ทึบเต็มที่)

รูปแบบตัวแปรที่นำกลับมาใช้ใหม่ได้สำหรับใช้ใน CSS มีประโยชน์สำหรับระบบธีม