การแปลงสี HSL เป็น RGB

ป้อนสีเป็นองศา (°) ความอิ่มตัวและความสว่าง (0..100%) แล้วกดปุ่มแปลง :

ใส่สี (H): °  
ป้อนความอิ่มตัว (S): %  
ใส่ความสว่าง (L): %  
   
รหัสฐานสิบหก RGB (#):  
สีแดง (R):  
สีเขียว (G):  
สีฟ้า (B):  
ดูตัวอย่างสี:  

การแปลง RGB เป็น HSL ►

สูตรการแปลง HSL เป็น RGB

เมื่อ 0 ≤ H < 360, 0 ≤ S ≤ 1 และ 0 ≤ L ≤ 1:

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

ตารางสี HSL เป็น RGB

สี สี

ชื่อ

 (ช,ส,ล) เลขฐานสิบหก (อาร์,จี,บี)
  สีดำ (0°,0%,0%) #000000 (0,0,0)
  สีขาว (0°,0%,100%) #FFFFFF (255,255,255)
  สีแดง (0°,100%,50%) #FF0000 (255,0,0)
  มะนาว (120°,100%,50%) #00FF00 (0,255,0)
  สีฟ้า (240°,100%,50%) #0000FF (0,0,255)
  สีเหลือง (60°,100%,50%) #FFFF00 (255,255,0)
  สีฟ้า (180°,100%,50%) #00FFFF (0,255,255)
  สีม่วงแดง (300°,100%,50%) #FF00FF (255,0,255)
  เงิน (0°,0%,75%) #บีบีบีบีเอฟ (191,191,191)
  สีเทา (0°,0%,50%) #808080 (128,128,128)
  สีน้ำตาลแดง (0°,100%,25%) #800000 (128,0,0)
  มะกอก (60°,100%,25%) #808000 (128,128,0)
  สีเขียว (120°,100%,25%) #008000 (0,128,0)
  สีม่วง (300°,100%,25%) #800080 (128,0,128)
  นกเป็ดน้ำ (180°,100%,25%) #008080 (0,128,128)
  กองทัพเรือ (240°,100%,25%) #000080 (0,0,128)

 

การแปลง RGB เป็น HSL ►

 

ดูสิ่งนี้ด้วย

การแปลงสี HSL เป็น RGB

ปริภูมิสี RGB คือปริภูมิสีเพิ่มเติมที่ใช้แม่สีสามสี แดง เขียว และน้ำเงิน เพื่อสร้างสีอื่นๆ ทั้งหมดค่าสี RGB ระบุโดยใช้จำนวนเต็ม 8 บิตสามตัว หนึ่งค่าสำหรับสีหลักแต่ละสีซึ่งจะสร้างช่วงของสีที่เป็นไปได้ตั้งแต่ 0 (ไม่มีแสง) ถึง 255 (สว่างเต็มที่)

HSL (ฮิว ความอิ่มตัว ความสว่าง) เป็นพื้นที่สีที่เป็นวิธีที่ง่ายกว่าในการระบุสีมากกว่า RGBค่า HSL ถูกระบุโดยใช้เลขทศนิยมสามตัว หนึ่งตัวสำหรับแต่ละคอมโพเนนต์ช่วงของค่า HSL ที่เป็นไปได้คือตั้งแต่ 0 (ไม่มีสี) ถึง 1 (ความอิ่มตัวเต็มที่และความสว่าง)

การแปลง RGB เป็น HSL เป็นกระบวนการแปลงค่าสี RGB เป็นค่า HSLสูตรการแปลง RGB เป็น HSL คือ:

ฮิว = (แดง - เขียว) / (แดง + เขียว + น้ำเงิน)
ความอิ่มตัว = (น้ำเงิน - เขียว) / (น้ำเงิน + เขียว + แดง)

คุณสมบัติของเครื่องมือแปลงสี HSL เป็น RGB

  1. อินพุต HSL (ฮิว ความอิ่มตัว และความสว่าง): เครื่องมือนี้ช่วยให้คุณป้อนสีในปริภูมิสี HSL ซึ่งขึ้นอยู่กับลักษณะสามประการของสี ความอิ่มตัว และความสว่าง

  2. เอาต์พุต RGB (แดง เขียว น้ำเงิน): เครื่องมือแปลงสี HSL เป็นปริภูมิสี RGB ซึ่งขึ้นอยู่กับแม่สีสามสีคือแดง เขียว และน้ำเงิน

  3. การแสดงตัวอย่างสี: โดยทั่วไปเครื่องมือจะรวมคุณลักษณะการแสดงตัวอย่างสีที่ช่วยให้คุณเห็นการแสดงสี HSL ที่เลือก เนื่องจากจะปรากฏในพื้นที่สี RGB

  4. แถบเลื่อนที่ปรับได้: เครื่องมือแปลงสี HSL เป็น RGB จำนวนมากมีแถบเลื่อนที่ปรับได้หรือช่องป้อนข้อมูลที่ให้คุณปรับแต่งค่าของสี HSL อย่างละเอียดเพื่อให้ได้เอาต์พุต RGB ที่ต้องการ

  5. เอาต์พุตเลขฐานสิบหก: เครื่องมือนี้อาจให้สี RGB ที่เป็นผลลัพธ์ในรูปแบบสีฐานสิบหก ซึ่งเป็นการแสดงสีมาตรฐานที่ใช้ในการออกแบบเว็บและแอปพลิเคชันดิจิทัลอื่นๆ

  6. จานสี: เครื่องมือแปลง HSL เป็น RGB บางตัวมีคุณสมบัติจานสีที่ให้คุณเลือกจากช่วงสีที่ตั้งไว้ล่วงหน้าหรือสร้างสีที่คุณกำหนดเอง

  7. ประวัติสี: เครื่องมือบางอย่างอาจมีคุณสมบัติประวัติสีที่ให้คุณติดตามสีที่คุณแปลง ทำให้ง่ายต่อการใช้สีเดียวกันในหลายโปรเจ็กต์

  8. ความเข้ากันได้กับปริภูมิสีต่างๆ: เครื่องมือแปลง HSL เป็น RGB บางตัวเข้ากันได้กับปริภูมิสีอื่นๆ เช่น CMYK (ฟ้า ม่วงแดง เหลือง และดำ) หรือ HSB (ฮิว ความอิ่มตัว และความสว่าง) ทำให้คุณสามารถแปลงระหว่างสีต่างๆ เหล่านี้ได้ โมเดลอีกด้วย

Advertising

การแปลงสี
°• CmtoInchesConvert.com •°