ตัวแปลง HEX ↔ RGB ↔ HSL

แปลงสีระหว่าง HEX, RGB และ HSL ได้ทันทีด้วยตัวอย่างสด แก้ไขช่องใดก็ได้ โดยช่องอื่นๆ ยังคงซิงค์กัน

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Text / on-page input

ตัวสร้างสีและ CSS ทำงานทั้งหมดในเบราว์เซอร์ของคุณ การดูตัวอย่างและการแปลงไม่เคยอัปโหลดสไตล์ของคุณ

ใช้ตัวแปลง HEX ↔ RGB ↔ HSL ทุกครั้งที่คุณต้องการ: แปลงสีระหว่าง HEX, RGB และ HSL ทันทีด้วยตัวอย่างสด

ตรวจสอบ CSS ที่แข่งขันกันบนเพจของคุณ (รีเซ็ต, สีที่สืบทอดมา) คัดลอกกฎที่สร้างขึ้นลงในสไตล์ชีตแบบแยกก่อน

ไม่ ตัวสร้างและตัวแปลงทำงานในเบราว์เซอร์ของคุณพร้อมการแสดงตัวอย่างแบบสด

ไม่ เปิดเครื่องมือ ปรับแต่งการควบคุม และคัดลอก CSS

Check foreground/background contrast against WCAG AA and AAA guidelines.

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Design layered box-shadows with offset, blur, spread, and color — live preview included.