HEX เป็น RGB

วางรหัส HEX ลงไปแล้วอ่านค่าช่องสี RGB ได้เลย #1f5fd6 จะกลายเป็น rgb(31, 95, 214) และถ้ารหัสนั้นมีช่องอัลฟาอยู่ด้วย คุณจะได้ rgba() ที่ค่าความโปร่งใสยังอยู่ครบ

สี: HEX, RGB หรือ RGBA

เลือก

#1f5fd6 HEX
rgb(31, 95, 214) RGB
hsl(219, 75%, 48%) HSL

คอนทราสต์:

ฟรี
ไฟล์ไม่ออกจากเครื่องของคุณ
ไม่ต้องสมัคร
ไม่จำกัดไฟล์

วิธีใช้

วางรหัส HEX ลงไป จะใส่เครื่องหมาย # หรือไม่ใส่ก็ได้
อ่านค่า RGB ที่อยู่ด้านล่าง ถ้ารหัสมีช่องอัลฟา ค่า RGBA จะขึ้นมาด้วย
กด «คัดลอก» ที่อยู่ข้างบรรทัด RGB

สิ่งที่ควรรู้

เลขหกหลักนั้นหมายถึงอะไรกันแน่

HEX คือวิธีเขียนตัวเลขสามจำนวนในฐานสิบหก คู่แรกคือสีแดง คู่ที่สองคือสีเขียว คู่ที่สามคือสีน้ำเงิน แต่ละคู่มีค่าตั้งแต่ 00 ถึง FF ซึ่งก็คือ 0 ถึง 255 ในระบบฐานสิบที่คุณเห็นใน RGB ส่วนรหัสสามหลักอย่าง #1f5 เป็นรูปย่อ แต่ละหลักจะถูกเขียนซ้ำสองครั้ง จึงขยายออกเป็น #11ff55

ที่ไหนบ้างที่ต้องใช้ RGB แทน HEX

API ของ canvas และ SVG อ็อบเจ็กต์สีบน Android และ iOS รวมถึงทุกอย่างที่คำนวณสีแทนที่จะเขียนสีตรง ๆ ล้วนสื่อสารกันด้วยค่าช่องสี นอกจากนี้ RGB ยังเป็นวิธีเดียวที่เพิ่มความโปร่งใสได้โดยไม่ต้องพึ่ง HEX แบบแปดหลักที่เบราว์เซอร์รุ่นเก่าอ่านผิด

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

รองรับ HEX แปดหลักที่มีค่าความโปร่งใสไหม

รองรับ คู่สุดท้ายคือช่องอัลฟา มันจะปรากฏเป็นค่าที่สี่ใน rgba() โดยแปลงจากช่วง 0–255 ไปเป็นสเกล 0–1 ตามที่ CSS ต้องการ

ต้องใส่เครื่องหมาย # ไหม

ไม่ต้อง ทั้ง «1f5fd6» และ «#1f5fd6» ใช้ได้ทั้งคู่ รวมถึงรูปย่อแบบสามหรือสี่หลักด้วย

มีอะไรออกไปจากเบราว์เซอร์ของฉันไหม

ไม่มี การแปลงเป็นเพียงการคำนวณเลขที่ทำอยู่บนหน้านี้ ไม่มีอะไรถูกอัปโหลดหรือถูกบันทึกไว้

หมวดหมู่

เครื่องมือยอดนิยม