หน้าแรก แปลงสี

แปลงสี

#RGB เขียนตัวเลขแต่ละตัวสองครั้งเป็น #RRGGBB #ff0000 คือ rgb(255, 0, 0) และ hsl(0, 100%, 50%) สีอยู่ในเบราว์เซอร์นี้

ทำไมจึงมี

งานออกแบบและสไตล์ชีตเขียนสีเดียวกันเป็น #ff0000, rgb(255, 0, 0) หรือ hsl(0, 100%, 50%)

การยืด #abc สั้นให้เป็นหกหลักแล้วปัด HSL เป็นจำนวนเต็มอาจเลื่อนช่องไป 1

  1. 01วิธีใช้

    แก้ HEX, RGB หรือ HSL ช่องอีกสองช่องและแถบสีจะตามไป

    แถบสีทาพื้นด้วย HEX นั้น คัดลอกวางบรรทัด HEX, rgb() และ hsl() บนคลิปบอร์ด

    ปิดแท็บแล้วสีหาย หน้านี้ไม่ได้อ่านช่องความโปร่งใส

  2. 02ตัวอย่างผล

    #ff0000, #00ff00 และ #0000ff คือ hsl(0, 100%, 50%), hsl(120, 100%, 50%) และ hsl(240, 100%, 50%) และแต่ละสีกลับเป็น HEX เดิม

    #fff คือ #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%) #000000 คือ hsl(0, 0%, 0%)

    ที่ใส่#ff0000

    #ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%)
    #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%)
    #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%)
    #abc #aabbcc · กลับเป็น #a9bacb

  3. 03ควรรู้

    ฮิว 360 เท่ากับ 0 hsl(360, 100%, 50%) คือ #ff0000

    สีเทา #808080 มีความอิ่มตัว 0 ดังนั้นฮิวออกมาเป็น 0 ความสว่าง 50% ย้อนกลับเป็น 128, 128, 128

    ช่องที่อยู่นอกช่วงหรือเป็นทศนิยมจะแสดงข้อผิดพลาดที่ช่องนั้น และสีล่าสุดจะไม่ถูกคัดลอก

    การแปลงนี้เป็น sRGB บนหน้าจอ ไม่ได้ให้ CMYK สำหรับงานพิมพ์

คำถาม

Q#f00 เหมือน #ff0000 หรือไม่
Aเหมือน เพราะตัวเลขแต่ละตัวถูกเขียนสองครั้งและกลายเป็น #ff0000
QHSL จาก #abc ย้อนกลับเป็น HEX เดิมหรือไม่
Aไม่ hsl(210, 25%, 73%) ย้อนกลับเป็น #a9bacb
QHEX แปดหลักถูกอ่านหรือไม่
Aไม่ อ่านเฉพาะ #RGB และ #RRGGBB
Qสีถูกบันทึกหรือไม่
Aไม่ สีอยู่ในเบราว์เซอร์นี้และไม่ถูกส่งไปยังเซิร์ฟเวอร์

หน้านี้คำนวณอย่างไร

หน้านี้เปลี่ยน HEX, RGB และ HSL ให้เป็นสี sRGB เดียวกัน #RRGGBB เขียนแดง เขียว และน้ำเงินเป็นสองหลัก #ff0000 คือ rgb(255, 0, 0) และ hsl(0, 100%, 50%) #00ff00 มีฮิว 120 และ #0000ff มีฮิว 240 #RGB เขียนตัวเลขแต่ละตัวสองครั้ง #abc กลายเป็น #aabbcc คือ rgb(170, 187, 204) และ hsl(210, 25%, 73%)

HSL ใช้การแปลงแบบเดียวกับ CSS และหน้าจอปัดฮิว ความอิ่มตัว และความสว่างเป็นจำนวนเต็ม การย้อนกลับผ่านจำนวนเต็มเหล่านั้นอาจเลื่อนช่องไป 1 hsl(210, 25%, 73%) จาก #abc ย้อนกลับเป็น #a9bacb #808080 คือ rgb(128, 128, 128) และ hsl(0, 0%, 50%) แล้วกลับเป็น #808080 ฮิว 360 เท่ากับ 0 ดังนั้น hsl(360, 100%, 50%) คือ #ff0000

แต่ละช่องของ RGB เป็นจำนวนเต็มตั้งแต่ 0 ถึง 255 ความอิ่มตัวและความสว่างอยู่ระหว่าง 0 ถึง 100 HEX แปดหลักและทศนิยมจะไม่ถูกอ่าน ค่าที่อยู่นอกช่วงจะแสดงข้อผิดพลาดที่ช่องนั้น และสีล่าสุดจะไม่ถูกคัดลอก การแปลงนี้เป็น sRGB บนหน้าจอ และไม่ได้ให้ CMYK สำหรับงานพิมพ์ สีอยู่ในเบราว์เซอร์นี้และไม่ถูกส่งไปยังเซิร์ฟเวอร์

  • # สี
  • # เฮกซ์
  • # อาร์จีบี
  • # เอชเอสแอล