แปลงสี HEX เป็น RGB — เครื่องมือออนไลน์ฟรี

แปลงสี HEX เป็น RGBคืออะไร?

แปลงรูปแบบสีออนไลน์ฟรี แปลงค่าสีระหว่าง HEX, RGB, RGBA และ HSL

สีสามารถแสดงได้ในหลายรูปแบบ — HEX, RGB, HSL และ CMYK — แต่ละแบบเหมาะกับบริบทที่แตกต่างกัน นักออกแบบเว็บมักทำงานกับ HEX หรือ RGB ผู้เขียน CSS มักนิยม HSL เนื่องจากโมเดล hue-saturation-lightness ที่เข้าใจง่าย นักออกแบบงานพิมพ์ต้องการ CMYK ตัวแปลงสี HEX เป็น RGB จัดการทั้งสี่รูปแบบพร้อมกัน: เลือกสีใดก็ได้โดยใช้ตัวเลือกสีแบบภาพหรือพิมพ์ค่าในรูปแบบใดก็ได้ แล้วเห็นค่าที่เทียบเท่าในรูปแบบอื่นทั้งหมดทันที

ตัวแปลงตรวจจับรูปแบบที่คุณพิมพ์โดยอัตโนมัติ ป้อน "#FF5733" แล้วมันรู้จักว่าเป็น HEX พิมพ์ "rgb(255, 87, 51)" แล้วมันแยกวิเคราะห์ RGB ป้อน "hsl(12, 100%, 60%)" แล้วมันแสดงการแทนแบบ HSL แต่ละรูปแบบแสดงในช่องของตัวเองพร้อมปุ่มคัดลอก ตัวอย่างสีแบบภาพอัปเดตเพื่อแสดงสีจริง ให้ความมั่นใจว่าการแปลงถูกต้อง

การแปลงพื้นที่สีมีความแม่นยำทางคณิตศาสตร์ HEX เป็น RGB แมปคู่หลักฐานสิบหกแต่ละคู่กับค่าทศนิยม 0-255 RGB เป็น HSL แปลงจากลูกบาศก์ RGB แบบคาร์ทีเซียนเป็นพื้นที่ HSL แบบทรงกระบอก การแปลง CMYK ใช้โมเดลสีแบบลบสีมาตรฐาน (โปรดทราบว่า CMYK ขึ้นอยู่กับอุปกรณ์ — ค่าเดียวกันอาจปรากฏแตกต่างกันบนเครื่องพิมพ์ต่างกัน)

การเห็นทั้งสี่รูปแบบพร้อมกันเป็นข้อได้เปรียบสำคัญของเครื่องมือนี้เหนือตัวแปลงรูปแบบเดียว นักออกแบบที่ทำงานใน Figma (HEX) สามารถส่งค่า RGB ให้ผู้พัฒนาได้ทันที นักออกแบบงานพิมพ์ที่มีสีแบรนด์แบบ CMYK สามารถแปลงเป็น HEX สำหรับเว็บไซต์ได้ ตัวเลือกสีให้คุณสำรวจพื้นที่สีแบบภาพ คลิกที่ใดก็ได้เพื่อจับสีและเห็นการแทนในทุกรูปแบบทันที

ตัวอย่างการใช้งานจริงของ แปลงสี HEX เป็น RGB

แปลงสีแบรนด์จากไฟล์ดีไซน์เป็น CSS

คู่มือแบรนด์ของคุณระบุสีหลักเป็น HEX #2C6B9E ผู้พัฒนาต้องการค่า RGB สำหรับการใช้งาน CSS rgba() พร้อมความทึบ พิมพ์ค่า HEX แล้วได้ rgb(44, 107, 158) ทันที คัดลอกค่า RGB ลงใน stylesheet โดยตรง

จับคู่ CMYK งานพิมพ์กับ HEX เว็บเพื่อแบรนด์ที่สอดคล้องกัน

โบรชัวร์งานพิมพ์ใช้ CMYK: C=75 M=30 Y=10 K=20 เว็บไซต์ต้องการสีที่ตรงกันในรูปแบบ HEX พิมพ์ค่า CMYK แล้วเห็นค่า HEX ที่เทียบเท่า ปรับเล็กน้อยด้วยตัวเลือกสีหากจำเป็น แล้วคัดลอก HEX สำหรับ stylesheet ของเว็บไซต์

สำรวจ HSL สำหรับการจัดการสีใน CSS

คุณต้องการเวอร์ชันที่สว่างกว่าของสีปุ่มหลักสำหรับสถานะโฮเวอร์ พิมพ์สีพื้นฐาน แล้วดูค่า HSL เพิ่มค่าแสง (L) ขึ้น 10-15% — พิมพ์ค่า HSL ใหม่แล้วเห็นสีอัปเดต คัดลอก HEX หรือ RGB ที่ได้สำหรับ CSS ของคุณ

ทำไมต้องใช้ แปลงสี HEX เป็น RGB?

Four color formats: HEX, RGB, HSL, CMYK
Auto-detects input format (hex, rgb, hsl)
color picker with visual swatch สด
คัดลอกany format with one click

วิธีใช้ แปลงสี HEX เป็น RGB — ทีละขั้นตอน

เลือกa color using color picker or type any color value.

ดูall formats: HEX, RGB, HSL, CMYK.

คลิกcopy next ถึง any format you need.

แปลงสี HEX เป็น RGBเหมาะกับใคร?

web design
graphic design
color matching
print design

เคล็ดลับมือโปรสำหรับ แปลงสี HEX เป็น RGB

1ใช้ HSL เมื่อคุณต้องปรับสีด้วยโปรแกรม — การเปลี่ยนค่าแสงสร้างรุ่นที่เข้มและสว่างขึ้นโดยไม่กระทบสีหลัก (hue) ซึ่งทำได้ยากกว่ามากด้วย HEX หรือ RGB
2CMYK ขึ้นอยู่กับอุปกรณ์ ตัวแปลงให้ค่าประมาณที่สมเหตุสมผล แต่ควรตรวจทานวัสดุพิมพ์ด้วยเครื่องพิมพ์และกระดาษจริงเสมอเพื่อการจับคู่สีที่แม่นยำ
3เมื่อคัดลอกสีระหว่างเครื่องมือดีไซน์กับโค้ด ให้ใช้รูปแบบที่ปลายทางต้องการ CSS รองรับ HEX, rgb(), rgba(), hsl() และ hsla() — ใช้แบบที่อ่านง่ายที่สุด
4ตัวเลือกสีมีประโยชน์สำหรับการดึงสีจากภาพหน้าจอหรือรูปภาพบนจอแสดงผลของคุณ เปิดภาพ แล้วใช้ตัวเลือกสีคลิกที่สีที่ต้องการในจุดใดก็ได้ของภาพตัวอย่าง

แปลงสี HEX เป็น RGB — คำถามที่พบบ่อย

What is the difference between HEX and RGB?

HEX and RGB both represent the same RGB color space. HEX uses a 6-character hex string (e.g., #FF5733), while RGB uses three decimal values (e.g., rgb(255, 87, 51)). They are interchangeable.

When should I use HSL?

HSL (Hue, Saturation, Lightness) is more intuitive for humans. It is easier to create color variations (lighter/darker versions) by adjusting the lightness value, which is harder with HEX or RGB.

Will the generated CSS work in all browsers?

The CSS generators produce W3C-standard code that works in Chrome, Firefox, Safari, and Edge. Vendor prefixes are included where needed for older browser versions.

Can I copy the generated code directly?

Yes. Each generator provides a copy button that places the code on your clipboard. The code is ready to paste into your project — no cleanup or modification needed.

Is แปลงสี HEX เป็น RGB really free to use?

Yes, แปลงสี HEX เป็น RGB is completely free with no hidden charges, no usage limits, and no premium tiers. You can use it as often as you need without signing up or providing any personal information.

พร้อมใช้ แปลงสี HEX เป็น RGB หรือยัง?

เครื่องมือออนไลน์ฟรี — ทำงานในเบราว์เซอร์ของคุณ ไม่ต้องสมัคร เริ่มใช้ได้เลยตอนนี้

ลองเลย

แปลงสี HEX เป็น RGBคืออะไร?

ตัวอย่างการใช้งานจริงของ แปลงสี HEX เป็น RGB

แปลงสีแบรนด์จากไฟล์ดีไซน์เป็น CSS

จับคู่ CMYK งานพิมพ์กับ HEX เว็บเพื่อแบรนด์ที่สอดคล้องกัน

สำรวจ HSL สำหรับการจัดการสีใน CSS

ทำไมต้องใช้ แปลงสี HEX เป็น RGB?

วิธีใช้ แปลงสี HEX เป็น RGB — ทีละขั้นตอน

แปลงสี HEX เป็น RGBเหมาะกับใคร?

เคล็ดลับมือโปรสำหรับ แปลงสี HEX เป็น RGB

แปลงสี HEX เป็น RGB — คำถามที่พบบ่อย

พร้อมใช้ แปลงสี HEX เป็น RGB หรือยัง?

คุณอาจจะชอบ

สร้างจานสี

ตรวจสอบความคมชัดของสี WCAG

สร้างเกรเดียนต์ CSS

182 Free Tools at Your Fingertips