ตัวแปลงรหัสสี

#FF0000
HEX
RGB / RGBA
HSL / HSLA
HSV / HSVA
CMYK
LAB

คู่มือรูปแบบสี

HEX

รหัสสีฐานสิบหกที่ขึ้นต้นด้วย # 6 หลักแทนค่า RGB (สองหลักต่อช่องสัญญาณ) 8 หลักเพิ่มช่องสัญญาณอัลฟ่า (ความโปร่งใส) นิยมใช้มากที่สุดในการพัฒนาเว็บ

#FF0000 / #FF000080

RGB / RGBA

โมเดลสีแบบบวกที่ใช้แสงสีแดง เขียว และน้ำเงิน แต่ละช่องสัญญาณมีค่า 0-255 RGBA เพิ่มช่องสัญญาณอัลฟ่า (0-255) สำหรับความโปร่งใส รูปแบบมาตรฐานสำหรับการแสดงผลบนหน้าจอ

rgb(255, 0, 0)

HSL / HSLA

โมเดลสีสี-ความอิ่ม-ความสว่าง H คือตำแหน่งบนวงล้อสี (0-360°) S คือความอิ่มตัว (0-100%) L คือความสว่าง (0-100%) ใช้งานง่ายกว่า RGB สำหรับมนุษย์

hsl(0, 100%, 50%)

HSV / HSVA

โมเดลสีสี-ความอิ่ม-ค่า (หรือที่รู้จักในชื่อ HSB) H คือสี (0-360°) S คือความอิ่มตัว (0-100%) V คือค่าความสว่าง (0-100%) พบได้ทั่วไปในโปรแกรมตกแต่งภาพและออกแบบ

hsv(0, 100%, 100%)

CMYK

โมเดลสีแบบลบ ฟ้า-ม่วงแดง-เหลือง-ดำ มาตรฐานสำหรับการพิมพ์สี่สี แต่ละช่องสัญญาณ 0-100% มีขอบเขตสีที่แตกต่างจาก RGB — สี RGB บางสีไม่สามารถแปลงได้อย่างแม่นยำ

cmyk(0%, 100%, 100%, 0%)

CIE LAB

พื้นที่สีอิสระจากอุปกรณ์ที่กำหนดโดยคณะกรรมการการส่องสว่างระหว่างประเทศ L คือความสว่าง (0-100) a คือเขียวไปแดง (-128~127) b คือน้ำเงินไปเหลือง (-128~127) รับรู้ได้สม่ำเสมอ — ความแตกต่างของสีเป็นสัดส่วนกับความแตกต่างของตัวเลข

lab(53, 80, 67)

เกี่ยวกับตัวแปลงรหัสสี

ตัวแปลงรหัสสีออนไลน์ฟรี

ตัวแปลงรหัสสีรองรับการแปลงสองทางระหว่าง HEX, RGB, HSL, HSV, CMYK และ CIE LAB การคำนวณทั้งหมดทำงานในเบราว์เซอร์ของคุณ — ไม่ต้องอัปโหลดข้อมูล ความเป็นส่วนตัวของคุณได้รับการปกป้อง รองรับช่องอัลฟ่าพร้อมตัวอย่างสีแบบเรียลไทม์


คุณสมบัติ

  • รองรับ HEX, RGB/RGBA, HSL/HSLA, HSV/HSVA, CMYK, CIE LAB
  • แปลงสองทางแบบเรียลไทม์
  • รองรับช่องอัลฟ่า
  • เครื่องมือเลือกสีในตัว
  • คัดลอกด้วยคลิกเดียว
  • ประมวลผลในเบราว์เซอร์ 100%

วิธีใช้

  1. 1ป้อนค่าสีในช่องใดก็ได้
  2. 2รูปแบบอื่นอัปเดตอัตโนมัติ
  3. 3คลิกที่ตัวอย่างสีเพื่อใช้เครื่องมือเลือกสีของระบบ
  4. 4คลิกปุ่มคัดลอกเพื่อคัดลอกสตริงสีมาตรฐาน

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

HEX 6 หลัก กับ 8 หลักต่างกันอย่างไร?
HEX 6 หลัก (เช่น #FF0000) ไม่มีช่องสัญญาณอัลฟ่า HEX 8 หลัก (เช่น #FF000080) เพิ่มสองหลักสำหรับอัลฟ่า (00=โปร่งใส, FF=ทึบแสง)
ค่า a และ b ใน LAB หมายถึงอะไร?
ใน CIE LAB 'a' แทนสีเขียวถึงแดง (ค่าลบ=เขียว ค่าบวก=แดง) และ 'b' แทนสีน้ำเงินถึงเหลือง (ค่าลบ=น้ำเงิน ค่าบวก=เหลือง) L แทนความสว่าง (0=ดำ 100=ขาว)
CMYK และ RGB แตกต่างกันอย่างไร?
RGB เป็นโมเดลสีแบบบวกสำหรับหน้าจอ (แสงสีแดง เขียว น้ำเงิน) CMYK เป็นโมเดลสีแบบลบสำหรับการพิมพ์ (ฟ้า ม่วงแดง เหลือง ดำ) เนื่องจากขอบเขตสีที่แตกต่างกัน สี RGB บางสีไม่สามารถแสดงใน CMYK ได้อย่างสมบูรณ์แบบ
ข้อมูลถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การคำนวณทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีข้อมูลสีใดถูกอัปโหลดไปยังเซิร์ฟเวอร์
ทุกรูปแบบรองรับความโปร่งใสอัลฟ่าหรือไม่?
HEX (8 หลัก), RGBA, HSLA และ HSVA รองรับอัลฟ่า CMYK และ CIE LAB ไม่รวมอัลฟ่าในมาตรฐานของตน ดังนั้นจะละเว้นค่าอัลฟ่าเมื่อมี
การแปลงมีความแม่นยำแค่ไหน?
การแปลงทั้งหมดใช้อัลกอริธึมมาตรฐาน (พื้นที่สี sRGB, แหล่งกำเนิดแสง D65, ผู้สังเกตมาตรฐาน 2°) อาจเกิดข้อผิดพลาดจากการปัดเศษเล็กน้อยเมื่อแปลงระหว่างพื้นที่สีต่างๆ เช่น RGB เป็น CMYK หรือ LAB แต่โดยทั่วไปแล้วเล็กน้อยเกินไปสำหรับการใช้งานจริง

เครื่องมือที่เกี่ยวข้อง

จัดรูปแบบโค้ดตัวจัดรูปแบบ XMLตัวแปลง Unicodeตัวแปลงเลขฐานตัวเข้ารหัสถอดรหัส Base64ตัวเข้ารหัสถอดรหัส URLEscape เอนทิตี HTMLCookie เป็น JSONEscape Unicode JSONตัวเข้ารหัส MD5JWT ถอดรหัส ตรวจสอบ เข้ารหัสJSON เป็น Cookieตัวสร้างและแยกวิเคราะห์ UUIDเครื่องมือทดสอบ Regexรหัสสถานะ HTTPหมายเลขพอร์ตเครื่องมือดู User-Agentลายนิ้วมือเบราว์เซอร์ของฉันUnescape Unicode JSONเครื่องมือสร้างและแยกวิเคราะห์นิพจน์ Cronค้นหาที่อยู่ IP