ESC

ตัวแปลงสี

%

ตัวอย่างสี

ผลลัพธ์ CSS

HEX #FF5733
rgb() rgb(255, 87, 51)
hsl() hsl(11, 100%, 60%)
rgba() rgba(255, 87, 51, 1)
hsla() hsla(11, 100%, 60%, 1)
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ใดๆ

ตัวอย่างการใช้งาน

สีออกแบบเว็บ

แปลงสียอดนิยมในการออกแบบเว็บจาก HEX เป็นรูปแบบ RGB และ HSL สำหรับใช้ใน CSS

สีแบรนด์

แปลงสีแบรนด์เป็นรูปแบบ CSS ทั้งหมดพร้อมความโปร่งใสอัลฟาสำหรับการซ้อนทับ

พาเลทพาสเทล

สำรวจสีพาสเทลอ่อนและดูค่าของมันในรูปแบบสีทั้งหมด

คุณสมบัติ

การแปลงสองทิศทาง

แปลงจากรูปแบบใดก็ได้เป็นรูปแบบอื่นทั้งหมดทันที — HEX, RGB, HSL, RGBA และ HSLA

ตัวอย่างสีสด

ดูสีอัปเดตแบบเรียลไทม์ขณะที่คุณปรับค่าหรือพิมพ์โค้ด

รองรับช่องอัลฟา

ปรับความโปร่งใสด้วยสไลเดอร์อัลฟาและรับผลลัพธ์ RGBA และ HSLA สำหรับสีโปร่งใส

ความเป็นส่วนตัวมาก่อน

การแปลงสีทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์

วิธีใช้งาน?

1

ป้อนสี

พิมพ์โค้ด HEX ปรับสไลเดอร์ RGB หรือใช้ตัวเลือกสีเพื่อเลือกสี

2

ดูทุกรูปแบบ

รูปแบบสีทั้งหมด (HEX, RGB, HSL, RGBA, HSLA) อัปเดตอัตโนมัติแบบเรียลไทม์

3

คัดลอกโค้ด CSS

คลิกปุ่มคัดลอกใดก็ได้เพื่อคัดลอกค่าสีในรูปแบบที่คุณต้องการไปยังคลิปบอร์ด

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

converts colors between HEX, RGB, HSL and more ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

มีตัวเลือกรูปแบบและการตั้งค่าหลากหลาย

ปลอดภัยครับ ทุกการประมวลผลเกิดขึ้นในเบราว์เซอร์ ไม่มีข้อมูลถูกส่งไปเซิร์ฟเวอร์

HEX to RGB Converter คืออะไร?

Paste a hex code, slide RGB values, or use the color picker -- all formats update in real time. Covers HEX, RGB, HSL, RGBA, and HSLA with one-click copy for every format.

ฟีเจอร์หลัก

Live color preview, native color picker, alpha/opacity control, instant conversion between all CSS color formats, ready-to-use CSS code snippets.

ใช้งานบ่อยในกรณีไหน?

Web design when you have a hex code but need RGB values, adjusting transparency for overlays, finding HSL equivalents for color manipulation, or just exploring colors visually.

เคล็ดลับ

HSL is more intuitive than RGB for adjusting colors -- Hue sets the color, Saturation the intensity, Lightness the brightness. Alpha channel ranges from 0 (transparent) to 1 (opaque).

ความเป็นส่วนตัว

All color math happens in your browser. No data is sent anywhere.

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

ขั้นตอนถัดไป