แปลงฟรี

RGB ถึง ตัวแปลง HEX

แปลงค่าสี RGB เป็นรหัสสี HEX ทันที — โปรแกรมแปลงสีแบบเรียลไทม์ฟรี

สีแดง
สีเขียว
สีฟ้า

เอาต์พุต HEX

#FF5733

คัดลอกรูปแบบ

#RRGGBB#FF5733
RRGGBB (ไม่ใช่ #)FF5733
รูปแบบ RGB()rgb(255, 87, 51)
รูปแบบ hsl()hsl(11, 100%, 60%)

เกี่ยวกับเครื่องมือนี้

แปลงค่าสี RGB (แดง เขียว น้ำเงิน) เป็นรหัสสีฐานสิบหกเพื่อใช้ใน CSS, HTML และการออกแบบเว็บไซต์ ป้อนค่า R, G, B แต่ละรายการ (0-255) และรับรหัสฐานสิบหกที่เกี่ยวข้อง (#RRGGBB) นอกจากนี้ยังรองรับการแปลง RGBA เป็นเลขฐานสิบหก 8 หลักเพื่อให้สีมีความโปร่งใส

วิธีใช้งาน

  1. ป้อนค่าสีแดง เขียว และน้ำเงิน (แต่ละค่า 0-255) ในช่องป้อนข้อมูล
  2. รหัสฐานสิบหกจะถูกสร้างขึ้นและแสดงผลทันที
  3. คัดลอกรหัสฐานสิบหกในรูปแบบ #RRGGBB โดยใช้ปุ่มคัดลอก
  4. ใช้ตัวอย่างสีเพื่อตรวจสอบผลลัพธ์ด้วยสายตา

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

เหตุใดฉันจึงต้องแปลง RGB เป็น hex
รหัสฐานสิบหกเป็นรูปแบบสีมาตรฐานใน CSS และ HTML มีขนาดกะทัดรัดกว่าสัญลักษณ์ rgb() และใช้กันอย่างแพร่หลายในข้อกำหนดการออกแบบ แนวทางปฏิบัติของแบรนด์ และแนวทางสไตล์
จะเกิดอะไรขึ้นหากค่า RGB ของฉันอยู่นอก 0-255
ค่า RGB ที่ถูกต้องอยู่ในช่วงตั้งแต่ 0 (ไม่มีความเข้ม) ถึง 255 (ความเข้มเต็มที่) ต่อช่องสัญญาณ ค่าที่อยู่นอกช่วงนี้จะถูกยึด แต่ละช่องจับคู่กับเลขฐานสิบหกสองหลัก: 0 = 00, 255 = FF
ฉันจะเพิ่มความโปร่งใสให้กับรหัสฐานสิบหกได้อย่างไร
เพิ่มค่าอัลฟา (0-255) เป็นพารามิเตอร์ที่สี่ เครื่องมือจะแสดงรหัสฐานสิบหก 8 หลัก (#RRGGBBAA) โดยที่ AA แสดงถึงความทึบ: FF = ทึบแสงเต็มที่, 00 = โปร่งใสเต็มที่
#000000 เป็นสีดำเสมอไปใช่หรือไม่
ใช่. #000000 (R:0, G:0, B:0) เป็นสีดำล้วน และ #FFFFFF (R:255, G:255, B:255) เป็นสีขาวล้วน สิ่งเหล่านี้คือจุดสุดยอดของปริภูมิสี RGB