ตัวแปลงรหัสสี
แปลงสีระหว่าง HEX, RGB, RGBA, HSL, HSLA, HSV และ CMYK — เลือกสี ปรับอัลฟา และคัดลอกรูปแบบใดก็ได้ทันที
#FFFFFF
ช่องสี
R
G
B
รูปแบบสี
พิมพ์ค่า HEX, RGB(A) หรือ HSL(A) ใดก็ได้ และทุกรูปแบบอื่นจะอัปเดตทันที
พาเลตด่วน
คู่มือรูปแบบสี
HEX คือรหัสฐานสิบหก 6 หลัก เช่น #3B82F6 ที่เก็บช่องสีแดง เขียว และน้ำเงิน (ช่องละ 00–FF) เป็นวิธีกำหนดสีที่พบบ่อยที่สุดใน HTML และ CSS
HEX 8 หลัก เช่น #3B82F6CC เพิ่มคู่ตัวเลขสุดท้ายสำหรับความทึบ (อัลฟา) ใช้สำหรับสีโปร่งใสใน CSS สมัยใหม่โดยไม่ต้องมีค่า rgba() แยกต่างหาก
RGB กำหนดสีจากค่าแดง เขียว และน้ำเงิน 0–255 เช่น rgb(59, 130, 246) ตรงกับวิธีที่หน้าจอเปล่งแสง และเหมาะกับเว็บและงานออกแบบดิจิทัล
RGBA คือ RGB ที่มีช่องอัลฟาตั้งแต่ 0 (โปร่งใส) ถึง 1 (ทึบ) เช่น rgba(59, 130, 246, 0.5) ใช้สำหรับเลเยอร์ซ้อน เงา และเอฟเฟกต์เมื่อชี้เมาส์
HSL อธิบายสีด้วยเฉดสี (0–360°) ความอิ่มตัว และความสว่าง เช่น hsl(217, 91%, 60%) ใช้งานง่ายสำหรับปรับสีและสร้างชุดสีด้วยมือ
HSLA คือ HSL บวกช่องอัลฟาสำหรับความทึบ เช่น hsla(217, 91%, 60%, 0.5) รวมความอ่านง่ายของ HSL เข้ากับการควบคุมความโปร่งใส
HSV หรือที่เรียกว่า HSB ใช้เฉดสี ความอิ่มตัว และค่า (ความสว่าง) เช่น hsv(217, 76%, 96%) เป็นโมเดลเบื้องหลังตัวเลือกสีในซอฟต์แวร์ออกแบบส่วนใหญ่
CMYK เป็นโมเดลแบบลบของเปอร์เซ็นต์ฟ้า ม่วงแดง เหลือง และดำ (key) เช่น cmyk(76%, 47%, 0%, 4%) เป็นมาตรฐานงานพิมพ์ จึงควรตรวจสอบสีสำคัญกับโปรไฟล์ของโรงพิมพ์
ใช้ HEX หรือ RGB สำหรับเว็บไซต์ และเพิ่มอัลฟา (RGBA, HSLA หรือ HEX 8 หลัก) เมื่อต้องการความโปร่งใส ใช้ HSL หรือ HSV เพื่อออกแบบชุดสี และใช้ CMYK เมื่อเตรียมไฟล์สำหรับงานพิมพ์
การค้นหายอดนิยม
แปลงรหัสสี
hex เป็น rgb
rgb เป็น hex
hex เป็น hsl
แปลงรูปแบบสี
เครื่องแปลงสีออนไลน์
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา