24 converter หน่วย · สกุลเงิน · ไฟล์

แปลง HSL เป็น RGB Hue Saturation Lightness ↔ Red Green Blue ฟรี ออนไลน์ ปลอดภัย

พิมพ์ค่าเป็น HSL แล้วอ่านค่าเป็น RGB ได้ทันที การคำนวณทำในเบราว์เซอร์ ไม่มีอะไรถูกส่งไปที่ใด และสิ่งที่การแปลงนี้ขึ้นอยู่กับก็เขียนไว้ด้านล่าง ไม่ได้สันนิษฐานเอาเอง

แปลงค่า

ปัดเศษเมื่อแปลงกลับ
HSL
rgb(89, 69, 49) RGB
สีเดียว เขียนได้สองแบบ

hsl(30, 29%, 27%) = rgb(89, 69, 49)

เกี่ยวกับตัวแปลงนี้
สูตร hsl(H, S%, L%) → rgb(R, G, B)
สิ่งที่คงไว้ สีอย่างที่ตาจัดแบ่ง: เฉดบนวงล้อ ความอิ่มตัวเท่าไร และสว่างเท่าไร นั่นคือเหตุผลที่ hsl น่ามีไว้ — คุณทำให้สีซีดลงหรือเข้มขึ้นหนึ่งระดับได้ด้วยการเปลี่ยนตัวเลขเดียว ซึ่งแทบเป็นไปไม่ได้ใน hex.
สิ่งที่ทำไม่ได้ ทั้งสองอธิบายสีเดียวกัน แต่ hsl ไปถึงสีเหล่านั้นผ่านเรขาคณิตที่ต่างออกไป และตัวเลขสามตัวของมันถูกปัดเป็นองศาเต็มและเปอร์เซ็นต์เต็มเมื่อเขียนลงไป สีที่แปลงเป็น hsl แล้วกลับอาจไปอยู่ห่างจากจุดเริ่มต้นหนึ่งหรือสองขั้น — ดูเหมือนเดิมด้วยตา แต่ไม่ใช่ไบต์ต่อไบต์ ถ้าต้องการไบต์เดิมกลับคืนมา ให้เก็บ hex ไว้.
ทำงานที่ไหน ในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด จึงไม่มีอะไรต้องลบทีหลัง

ไม่มีการอัปโหลด

ที่มาของระบบสีเหล่านี้

Hex กับ RGB คือสิ่งเดียวกันที่เขียนสองแบบ สีบนหน้าจอคือตัวเลขสามค่า ได้แก่ปริมาณแสงสีแดง เขียว และน้ำเงินที่ต้องปล่อยออกมา แต่ละค่าอยู่ระหว่าง 0 ถึง 255 ซึ่งเท่ากับหนึ่งไบต์ ส่วน hex เป็นเพียงการเขียนไบต์เหล่านั้นในเลขฐานสิบหก ดังนั้น #FF8800 กับ rgb(255, 136, 0) จึงเป็นคำสั่งเดียวกันถึงพิกเซลเดียวกัน HSL ถูกคิดขึ้นเพราะทั้งสองแบบแรกมนุษย์อ่านเข้าใจยาก โดยระบุเฉดสีเป็นมุมรอบวงล้อสี ส่วนความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์ นักออกแบบจึงทำให้สีสว่างขึ้นได้โดยไม่ต้องคำนวณตัวเลขสามค่าใหม่ CMYK เป็นของอีกโลกหนึ่งโดยสิ้นเชิง คือโลกของหมึกไม่ใช่แสง เป็นระบบแบบลบสี สร้างจากแม่พิมพ์สี่แผ่น และแสดงสีได้ไม่ครบเท่าที่หน้าจอแสดงได้ เพราะหน้าจอเปล่งแสง ขณะที่กระดาษทำได้เพียงสะท้อนแสง

ที่คุณจะพบระบบสีเหล่านี้

Hex คือสิ่งที่คุณพิมพ์ลงในสไตล์ชีต และเป็นสิ่งที่เครื่องมือออกแบบส่งให้คุณ RGB ปรากฏทุกที่ที่สีต้องใช้การคำนวณ เช่น การไล่สี ความโปร่งใส และโค้ดที่คำนวณเฉดสี HSL คือสิ่งที่คุณเลือกใช้เมื่อปรับชุดสีด้วยมือ เพราะการเปลี่ยนแปลงที่คุณต้องการมักเป็นการเปลี่ยนตัวเลขหนึ่งในสามค่านั้น CMYK คือสิ่งที่โรงพิมพ์ขอ และการแปลงเป็น CMYK คือช่วงเวลาที่งานออกแบบเลิกเป็นแสงแล้วกลายเป็นหมึก

คำถามที่คนมักถาม

ทำไมผล CMYK ที่ได้จึงต่างจากที่โรงพิมพ์ให้มา

เพราะไม่มีการแปลงที่ถูกต้องเพียงแบบเดียว การคำนวณในหน้านี้เป็นแบบง่ายที่ไม่ขึ้นกับอุปกรณ์ ซึ่งเป็นคำตอบที่เหมาะเมื่อคุณต้องการจุดเริ่มต้นหรือค่าที่ใกล้เคียงคร่าว ๆ ส่วนโรงพิมพ์จะแปลงผ่านโปรไฟล์สีที่คำนึงถึงหมึก กระดาษ และเครื่องพิมพ์เฉพาะแต่ละงาน และสี RGB เดียวกันจะให้ค่า CMYK ต่างกันบนกระดาษเคลือบมันกับกระดาษไม่เคลือบ สำหรับงานที่ต้องตรงกันเป๊ะ ให้ขอโปรไฟล์จากโรงพิมพ์แทนที่จะเชื่อสูตร

ทำไมสีบางสีบนหน้าจอจึงพิมพ์ออกมาไม่ได้

เพราะทั้งสองระบบแสดงสีได้ไม่เท่ากัน หน้าจอสร้างสีโดยการเพิ่มแสงและแสดงสีฟ้าอมเขียวหรือสีเขียวที่สดและอิ่มตัวได้ ซึ่งหมึกทำให้เหมือนไม่ได้ ส่วนกระดาษสร้างสีโดยการดูดกลืนแสง และสว่างได้มากที่สุดเพียงเท่าสีขาวของกระดาษ ชุดสีที่แต่ละระบบแสดงได้เรียกว่าขอบเขตสี (gamut) และในส่วนที่ไม่ทับซ้อนกัน การแปลงต้องเลือกสีที่ใกล้เคียงที่สุดเท่าที่มี นี่จึงเป็นเหตุผลที่สีสว่างบนหน้าจอมักดูหม่นลงเล็กน้อยเมื่อพิมพ์

คำตอบแม่นยำหรือไม่?

ถ้าหน่วยทั้งสองกำหนดค่าอิงกันด้วยจำนวนเต็ม คำตอบก็แม่นยำ — หน้านี้บอกไว้เหนือตัวเลข และการปัดเศษมีเพียงในจำนวนหลักที่แสดง แต่ถ้าอัตราส่วนไม่เป็นทศนิยมจำกัด หน้านี้จะแสดง 12 หลักนัยสำคัญ และบอกว่าความสัมพันธ์นั้นเป็นค่าประมาณ แทนที่จะแสร้งว่าแม่นยำ

สิ่งที่ฉันพิมพ์จะออกจากอุปกรณ์ของฉันหรือไม่?

ไม่ การคำนวณทำในเบราว์เซอร์ของคุณ ไม่มีอะไรถูกอัปโหลด และก็ไม่มีเซิร์ฟเวอร์ให้อัปโหลดไปด้วย โหลดหน้านี้เพียงครั้งเดียว แล้วจะใช้งานต่อได้แม้ปิดเครือข่าย

ความยาวและพื้นที่ มวลและปริมาตร อุณหภูมิ สกุลเงิน