แปลง HSL เป็น HEX Hue Saturation Lightness ↔ Hexadecimal ฟรี ออนไลน์ ปลอดภัย

เหตุใดจึงแปลง HSL เป็น HEX

คุณคิดสีออกมาเป็น HSL เพราะเป็นรูปแบบที่คิดตามได้ง่าย เช่น เฉดสี 30 ความอิ่มตัว 29% ความสว่าง 28% ได้สีน้ำตาลหม่น และเวอร์ชันที่อ่อนกว่าที่ 34% สำหรับสถานะเมื่อเลื่อนเมาส์ไปวาง ตอนนี้สีนั้นต้องไปอยู่ในที่ที่ต้องการรหัสเลขฐานสิบหก เช่น ไฟล์โทเคนการออกแบบ แผ่นแบรนด์ เครื่องมือที่ไม่เข้าใจ hsl() เทมเพลตอีเมล หรือข้อความถึงเพื่อนร่วมงาน การแปลง HSL เป็น HEX คือการนำสีที่คุณคิดไว้มาเขียนในรูปแบบที่สั้น ชัดเจน และทุกอย่างเข้าใจตรงกัน

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

การแปลงทำงานอย่างไร

จากเฉดสี ความอิ่มตัว และความสว่าง เป็นแดง เขียว และน้ำเงิน

ตัวแปลงจะคำนวณโครมาก่อน ซึ่งคือระยะที่สีห่างจากสีเทา โดยเพิ่มขึ้นตามความอิ่มตัวและลดลงเมื่อความสว่างเคลื่อนออกจาก 50% จากนั้นวางเฉดสีลงในหนึ่งในหกส่วนของวงล้อสี แต่ละส่วนกว้าง 60 องศา และจากส่วนนั้นจะตัดสินว่าช่องใดในสามช่องอยู่ที่ค่าสูงสุด ช่องใดต่ำสุด และช่องใดอยู่ตรงกลาง สุดท้ายจะบวกค่าคงที่เพื่อให้ความสว่างออกมาถูกต้อง ขยายค่าทั้งสามจากช่วง 0 ถึง 1 ไปเป็น 0 ถึง 255 และปัดแต่ละค่าเป็นจำนวนเต็ม ไบต์ทั้งสามนั้นถูกเขียนในฐานสิบหก ช่องละสองหลัก

ตัวอย่างพร้อมตัวเลข

ใช้ hsl(30, 29%, 28%) โครมาคือ (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624 เฉดสี 30 องศาอยู่ครึ่งทางของส่วนแรก ช่องกลางจึงเป็นครึ่งหนึ่งของโครมา คือ 0.0812 ค่าคงที่ที่ต้องบวกคือ 0.28 − 0.0812 = 0.1988 ดังนั้นแดงคือ 0.1624 + 0.1988 = 0.3612 เขียวคือ 0.0812 + 0.1988 = 0.28 และน้ำเงินคือ 0.1988 คูณด้วย 255 แล้วปัดเศษ ได้ 92, 71 และ 51 ในเลขฐานสิบหกคือ #5C4733

สีเทา

เมื่อความอิ่มตัวเป็น 0% สีจะเป็นสีเทาไม่ว่าเฉดสีใด และไบต์ทั้งสามเท่ากัน hsl(0, 0%, 50%) คือ #808080 เฉดสีถูกละเลย ดังนั้นตัวเลขเฉดสีใดก็ให้สีเทาเดียวกัน

สิ่งที่การแปลงเก็บไว้และสิ่งที่ทำไม่ได้

มันเก็บสีตามที่คุณอธิบายไว้

ผลลัพธ์คือสีที่มีเฉดสี ความอิ่มตัว และความสว่างตามที่คุณระบุ เขียนเป็นไบต์ ตัวเลขสามตัวที่คุณพิมพ์คือสีตามที่ตามนุษย์จัดแยก คือเฉดสีบนวงล้อ ความอิ่มตัวเท่าใด และสว่างเพียงใด นี่คือเหตุผลที่ HSL คุ้มค่าที่จะมี และการแปลงนำสิ่งที่คุณเลือกไปยังเลขฐานสิบหกอย่างซื่อตรง

มันรับประกันตัวเลขเดิมเมื่อแปลงกลับไม่ได้

ทั้งสองอธิบายสีชุดเดียวกัน แต่ HSL ไปถึงสีเหล่านั้นผ่านเรขาคณิตที่ต่างกัน และตัวเลขสามตัวของมันถูกปัดเป็นองศาจำนวนเต็มและเปอร์เซ็นต์จำนวนเต็มเมื่อเขียนลงไป ดังนั้นสีที่ถูกแปลงเป็น HSL แล้วกลับมาอาจลงที่ห่างจากจุดเริ่มต้นหนึ่งหรือสองขั้น คือดูเหมือนเดิม แต่ไม่ตรงกันทุกไบต์ ในตัวอย่างของเรา #5A4632 เป็นสีที่ HSL ของมันประมาณ hsl(30, 29%, 28%) เมื่อแปลงตัวเลขที่ปัดแล้วกลับ จะได้ #5C4733 ห่างสองขั้นในช่องสีแดง หากคุณต้องการไบต์ที่ตรงเป๊ะ ให้เก็บเลขฐานสิบหกไว้

เครื่องหมายเปอร์เซ็นต์และองศา

หน้านี้อ่านเฉดสีเป็นองศา และอ่านความอิ่มตัวกับความสว่างเป็นเปอร์เซ็นต์ คุณจะเขียนโดยมีหรือไม่มีเครื่องหมายก็ได้ เฉดสีที่เกิน 360 หรือต่ำกว่า 0 จะถูกวนรอบวงล้อ ดังนั้น 390 เท่ากับ 30

การใช้งานจริง

การเขียนไฟล์โทเคนการออกแบบ

ระบบการออกแบบเก็บสีเป็นโทเคน หลายทีมสร้างสีใน HSL เพราะคิดตามได้ และเผยแพร่เป็นเลขฐานสิบหก เพราะทุกเครื่องมืออ่านได้ แปลง HSL เป็น HEX หนึ่งครั้งต่อโทเคน แล้วไฟล์ที่เผยแพร่ก็เป็นสิ่งที่ทุกคนใช้ได้

การสร้างสีสำหรับเครื่องมือที่อ่าน hsl() ไม่ได้

โปรแกรมอีเมล โปรแกรมแก้ไขเอกสารบางตัว โปรแกรมกราฟิกรุ่นเก่า และไลบรารีแผนภูมิจำนวนมากรับเฉพาะเลขฐานสิบหก สิ่งที่คุณคิดไว้ใน HSL ต้องถูกแปลงก่อนจึงจะใช้ได้

การตรวจสอบจานสีที่สร้างขึ้น

สคริปต์ที่สร้างจานสีด้วยการหมุนเฉดสีจะให้รายการค่า hsl() หากต้องการเห็นเป็นรหัสที่คุณจะใส่ในสไตล์ชีตหรือส่งให้นักออกแบบ ให้แปลงแต่ละค่าเป็นเลขฐานสิบหก วิธีนี้ยังช่วยให้เห็นค่าที่ปัดแล้วเป็นรหัสเดียวกัน ซึ่งแปลว่าไม่ได้ต่างกันจริง

การแชร์สีในข้อความ

รหัสฐานสิบหกสั้น คัดลอกได้ และเกือบทุกคนที่ทำงานกับสีเข้าใจ ค่า hsl() ยาวกว่าและคุ้นเคยน้อยกว่านอกวงการออกแบบ เมื่อคุณส่งสีให้ใคร เลขฐานสิบหกคือรูปแบบที่สุภาพ

วิธีแปลง HSL เป็น HEX ที่นี่

พิมพ์หรือวางค่า hsl

ใส่สีในช่องแรกในรูปแบบ hsl(30, 29%, 28%) หรือเพียงตัวเลขสามตัว เฉดสีเป็นองศา ความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์

อ่านรหัสฐานสิบหก

คำตอบปรากฏทันที เช่น hsl(30, 29%, 28%) = #5C4733 เขียนด้วยตัวพิมพ์ใหญ่และเครื่องหมายแฮช

คัดลอกไปใช้ในงานของคุณ

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

รูปแบบเหล่านี้มาจากไหน

Hex และ RGB คือสิ่งเดียวกันที่เขียนสองครั้ง

สีบนหน้าจอคือตัวเลขสามตัว คือแสงสีแดง เขียว และน้ำเงินที่จะปล่อยออกมาเท่าใด แต่ละตัวตั้งแต่ 0 ถึง 255 ซึ่งเท่ากับหนึ่งไบต์ Hex เพียงเขียนไบต์เหล่านั้นในฐานสิบหก หากต้องการดูตัวเลข ให้ แปลง HEX เป็น RGB

HSL และ CMYK

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

กับดักเมื่อคุณแปลง HSL เป็น HEX

คาดหวังรหัสเดิมกลับคืนมา

หากคุณเริ่มจากรหัสฐานสิบหก แปลงเป็น HSL ไม่ปรับอะไร แล้วแปลงกลับ คุณอาจได้รหัสที่ต่างออกไปหนึ่งหรือสองขั้น สำหรับสีเดียวมองไม่เห็นความต่าง แต่สำหรับระบบการออกแบบ ให้ตัดสินใจว่ารูปแบบใดเป็นต้นแบบ และถือว่าอีกแบบเป็นค่าที่ได้มา

สลับความอิ่มตัวกับความสว่าง

สองอย่างนี้สลับกันโดยไม่ตั้งใจได้ง่าย hsl(30, 28%, 29%) ไม่ใช่ hsl(30, 29%, 28%) ลำดับคือเฉดสี ความอิ่มตัว ความสว่าง หากสีบนหน้าจอดูไม่เป็นอย่างที่คุณคาด ให้ตรวจดูว่าไม่ได้สลับกัน

ลืมว่าความสว่างไม่ใช่ความสว่างจ้า

สองสีที่ความสว่างเท่ากันอาจดูต่างกันในความสว่างจ้า สีเหลืองที่ความสว่าง 50% ดูสว่างกว่าสีน้ำเงินที่ 50% มาก หากคุณเลือกสีสำหรับข้อความและพื้นหลัง ให้ตรวจความต่างสีด้วยเครื่องมือที่เหมาะสม ไม่ใช่ด้วยการเทียบตัวเลขความสว่าง

การใช้ค่านอกช่วง

ความอิ่มตัวและความสว่างจำกัดอยู่ที่ 0 ถึง 100 เปอร์เซ็นต์ ค่านอกช่วงนั้นจะถูกจำกัดไว้ ความสว่าง 120% ไม่ได้สว่างกว่าสีขาว มันคือสีขาว

คำถามที่ผู้คนถามก่อนแปลง

hsl(0, 100%, 50%) เป็นเลขฐานสิบหกคืออะไร

#FF0000 สีแดงบริสุทธิ์

hsl(0, 0%, 100%) เป็นเลขฐานสิบหกคืออะไร

#FFFFFF สีขาว

ใช้ทศนิยมได้หรือไม่

ได้ hsl(30.5, 28.6%, 27.8%) ใช้ได้ ผลลัพธ์จะถูกปัดเป็นไบต์จำนวนเต็ม

การแปลงแม่นยำหรือไม่

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

สีของฉันถูกอัปโหลดหรือไม่

ไม่ การคำนวณทำงานในเบราว์เซอร์ของคุณ และไม่มีอะไรถูกส่งไปที่ใด

จะแปลงกลับอย่างไร

ด้วย HEX เป็น HSL

เลือกให้ดีเมื่อคุณแปลง HSL เป็น HEX

ตัดสินใจว่ารูปแบบใดเป็นต้นแบบ

หากคุณออกแบบใน HSL ให้เก็บค่า HSL เป็นแหล่งต้นฉบับและเผยแพร่เลขฐานสิบหกเป็นผลลัพธ์ หากแบรนด์ให้เลขฐานสิบหกมา ให้เก็บอันนั้นไว้และใช้ HSL เฉพาะสำหรับรูปแบบต่างๆ การผสมทั้งสองเป็นแหล่งที่เท่ากันคือสิ่งที่ทำให้เกิดการเลื่อนคลาด

ใช้ HSL เพื่อสร้างความหลากหลาย ใช้เลขฐานสิบหกเพื่อตรึงค่า

เมื่อคุณต้องการชุดเฉดสี ให้ทำงานใน HSL เมื่อคุณต้องการตรึงสีให้เหมือนกันในทุกเครื่องมือ ให้เขียนเป็นเลขฐานสิบหก

เก็บตัวเลขที่คุณพิมพ์ไว้

บันทึกค่า HSL ไว้ข้างเลขฐานสิบหกในบันทึกจานสีของคุณ หากภายหลังมีคนต้องการเวอร์ชันที่อ่อนกว่า เขาจะเริ่มจากตัวเลขของคุณได้ ไม่ต้องเริ่มจากรหัสที่ถูกปัดไปแล้ว

หกส่วนของวงล้อ

ช่องใดสูง ช่องใดต่ำ

การแปลงแบ่งวงล้อเป็นหกส่วน ส่วนละ 60 องศา และในแต่ละส่วนมีหนึ่งช่องอยู่ที่ค่าสูงสุด หนึ่งช่องอยู่ที่ค่าต่ำสุด และช่องที่สามเปลี่ยนอย่างราบรื่น จาก 0 ถึง 60 สีแดงสูงสุด สีน้ำเงินต่ำสุด และสีเขียวเพิ่มขึ้น สีแดงเปลี่ยนเป็นสีเหลือง จาก 60 ถึง 120 สีเขียวสูงสุดและสีแดงลดลง สีเหลืองเปลี่ยนเป็นสีเขียว จาก 120 ถึง 180 สีเขียวยังสูงและสีน้ำเงินเพิ่มขึ้น สีเขียวเปลี่ยนเป็นสีฟ้าอมเขียว จาก 180 ถึง 240 สีน้ำเงินเข้ามาแทนที่และสีเขียวลดลง จาก 240 ถึง 300 สีน้ำเงินยังสูงและสีแดงเพิ่มขึ้น สีน้ำเงินเปลี่ยนเป็นสีม่วงแดง จาก 300 ถึง 360 สีแดงกลับมาเป็นหลักอีกครั้งและสีน้ำเงินลดลง เมื่อคุณแปลง HSL เป็น HEX การรู้ว่าเฉดสีของคุณอยู่ในส่วนใดช่วยได้ เพราะมันบอกว่าคู่ใดในสามคู่ของคำตอบจะมีค่ามากที่สุด

เหตุใดคำตอบจึงมีลักษณะเป็นญาติกัน

สีที่มีเฉดสีและความอิ่มตัวเดียวกันแต่ความสว่างต่างกันให้รหัสฐานสิบหกที่ดูเหมือนญาติกัน คือรูปแบบเดียวกันว่าคู่ใดสูงและคู่ใดต่ำ เพียงแต่ขยายขึ้นหรือลดลง #5C4733, #7A5F44 และ #A38461 อยู่ในตระกูลเดียวกันทั้งหมด โดยแดงมากที่สุด รองลงมาคือเขียว แล้วจึงน้ำเงิน คุณฝึกอ่านสิ่งนี้ได้ในพริบตา และทำให้จับข้อผิดพลาดได้ง่ายขึ้น

การสร้างบันไดความสว่าง

หนึ่งเฉดสี เก้าขั้น

การใช้งานที่เป็นประโยชน์มากของการแปลงนี้คือสร้างบันไดสีของสีเดียวจากอ่อนมากไปจนเข้มมาก ซึ่งเป็นมาตราส่วนที่ระบบการออกแบบติดป้ายว่า 50, 100, 200 และต่อไปจนถึง 900 เลือกเฉดสีและความอิ่มตัว แล้วไล่ความสว่างผ่านค่าอย่าง 96, 90, 80, 70, 60, 50, 40, 30 และ 20 เปอร์เซ็นต์ แปลง HSL เป็น HEX สำหรับแต่ละขั้น แล้วคุณจะได้เก้ารหัสที่เข้ากัน การลดความอิ่มตัวเล็กน้อยที่ปลายสุด คือไม่กี่จุดที่ขั้นอ่อนที่สุดและเข้มที่สุด มักดูเป็นธรรมชาติกว่าการคงไว้เท่าเดิม

การตั้งชื่อแต่ละขั้น

ตั้งชื่อให้แต่ละขั้นตามบทบาท ไม่ใช่ตามค่า เช่น surface สำหรับขั้นอ่อนที่สุด border สำหรับขั้นถัดไป text สำหรับขั้นเข้มที่สุด ในโค้ด ชื่อบอกผู้อ่านคนต่อไปว่าสีนั้นใช้ทำอะไร และคุณเปลี่ยนตัวเลขเบื้องหลังได้โดยไม่ต้องแตะกฎที่ใช้มัน

ธีมสว่างและธีมมืด

การสะท้อนบันไดสี

ธีมมืดมักเป็นธีมสว่างที่พลิกบันไดสีกลับด้าน ขั้นอ่อนที่สุดที่เป็นพื้นหลังหน้าในธีมสว่าง กลายเป็นขั้นเข้มที่สุดที่เป็นพื้นหลังในธีมมืด หากคุณสร้างบันไดใน HSL ธีมมืดไม่มีต้นทุนอื่นนอกจากการแปลงชุดที่สอง คงเฉดสีไว้ ซึ่งรักษาลักษณะของแบรนด์ และปรับความอิ่มตัวเล็กน้อย เพราะสีอิ่มตัวมักดูแข็งกร้าวบนพื้นหลังมืด

การตรวจทั้งสองธีม

ทดสอบคู่ข้อความและพื้นหลังทุกคู่ของทั้งสองธีมเพื่อดูความต่างสี สีที่ใช้ได้บนพื้นขาวอาจใช้ไม่ได้บนพื้นเกือบดำ และการตรวจใช้เวลาหนึ่งนาทีด้วยเครื่องมือตรวจความต่างสีและรหัสฐานสิบหกที่คุณเพิ่งสร้าง

เมื่อคุณมีแค่ความคิดคร่าวๆ ของสี

เริ่มจากวงล้อ แล้วค่อยปรับ

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

ตัวแปลงที่เกี่ยวข้อง

เครื่องมือในตระกูลเดียวกันครอบคลุมการแปลงที่อยู่ใกล้เคียง หากต้องการย้อนกลับ ใช้ HEX เป็น HSL สำหรับตัวเลขเบื้องหลังรหัส มี HEX เป็น RGB และ RGB เป็น HEX และสำหรับงานพิมพ์ มี HEX เป็น CMYK และ CMYK เป็น HEX สำหรับขนาดในสไตล์ชีตเดียวกัน px เป็น rem ทำกับความยาวเหมือนที่หน้านี้ทำกับสี

ตัวอย่างที่คำนวณให้ดู

สมมติว่าคุณเลือกสีเขียวสำหรับสถานะสำเร็จของแอป คือ hsl(145, 55%, 38%) คุณพิมพ์ลงไปและอ่านได้ #2C9658 คุณใช้รหัสนั้นในไฟล์โทเคนเป็น --success สำหรับพื้นหลังของประกาศความสำเร็จ คุณใช้เฉดสีเดียวกัน hsl(145, 45%, 94%) และอ่านได้ #E9F7EF สำหรับเส้นขอบ hsl(145, 45%, 78%) ซึ่งอ่านได้ #AEE0C3 สามรหัส เฉดสีเดียว ได้มาทั้งหมดภายในหนึ่งนาที และแต่ละรหัสเป็นเลขฐานสิบหกธรรมดาที่เครื่องมือใดในทีมก็เปิดได้

รายการตรวจสอบสั้นๆ

ก่อนแปลง

ตรวจลำดับของตัวเลขสามตัว: เฉดสี ความอิ่มตัว ความสว่าง ตัดสินใจว่ารูปแบบใดเป็นต้นแบบของคุณ

ขณะแปลง

พิมพ์ค่า อ่านเลขฐานสิบหก และคัดลอกพร้อมเครื่องหมายแฮช

หลังแปลง

ดูสีบนหน้าจอในบริบทจริง และจดค่า HSL ไว้ข้างรหัสสำหรับภายหลัง

ข้อผิดพลาดที่พบบ่อย

สลับความอิ่มตัวกับความสว่าง

ลำดับคือเฉดสี ความอิ่มตัว ความสว่าง

คาดว่าจะได้เลขฐานสิบหกเดิมคืน

อาจลงห่างไปหนึ่งขั้น เก็บต้นฉบับไว้หากสำคัญ

เปรียบเทียบความสว่างแทนความต่างสี

ใช้เครื่องมือตรวจความต่างสีสำหรับข้อความและพื้นหลัง

สีของคุณอยู่บนอุปกรณ์ของคุณ

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

สรุป

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