เครื่องมือแปลงสี
แปลงระหว่างรูปแบบสีต่างๆ (HEX, RGB, HSL, OKLCH, RGBA, HSLA)
ตัวเลือกสี
เลือกหรือป้อนสี
HEX
รหัสสีฐานสิบหก
RGB
ค่าสีแดง, เขียว, น้ำเงิน (0-255)
HSL
เฉดสี, ความอิ่มตัว, ความสว่าง
OKLCH
พื้นที่สีเชิงรับรู้ที่ทันสมัย
RGBA
RGB พร้อม Alpha (ความโปร่งใส)
HSLA
HSL พร้อม Alpha (ความโปร่งใส)
ค่าสีที่ตั้งไว้ล่วงหน้า
เลือกจากสีที่ใช้บ่อย
ตัวแปร CSS
รูปแบบตัวแปรสำหรับใช้ใน CSS
คำอธิบายรูปแบบสี
HEX (ฐานสิบหก)
รูปแบบ #RRGGBB โดยแต่ละช่องสีอยู่ในช่วง 00-FF (0-255) ใช้กันอย่างแพร่หลายที่สุดบนเว็บ
RGB
ค่าสีแดง, เขียว, และน้ำเงินในช่วง 0-255 เข้าใจง่ายและใช้งานง่าย
HSL
เฉดสี, ความอิ่มตัว, และความสว่าง ใช้งานง่ายสำหรับการปรับสี
OKLCH
พื้นที่สีเชิงรับรู้ที่ทันสมัย ประกอบด้วยความสว่าง (L), ความเข้มของสี (C), และเฉดสี (H) ออกแบบมาให้ใกล้เคียงกับการมองเห็นของมนุษย์มากขึ้น
RGBA/HSLA
RGB/HSL พร้อมช่อง Alpha (ความโปร่งใส) ช่วงตั้งแต่ 0 (โปร่งใสเต็มที่) ถึง 1 (ทึบเต็มที่)
ตัวแปร CSS
รูปแบบตัวแปรที่นำกลับมาใช้ใหม่ได้สำหรับใช้ใน CSS มีประโยชน์สำหรับระบบธีม