แปลงสีระหว่าง HEX, RGB และ HSL - ทำงานในเบราว์เซอร์ ทันที และไม่มีการอัปโหลด
กำลังประมวลผลในเครื่องของคุณ ...
0%
ไฟล์ของคุณไม่เคยออกจากอุปกรณ์
ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ - ไฟล์ของคุณไม่เคยออกจากอุปกรณ์ ตรวจสอบเรื่องนี้ได้อย่างไร
สีเดียวกันถูกเขียนต่างกันไปตามเครื่องมือ ในงานออกแบบมักเป็นรหัส HEX อย่าง #ff8800 ในโค้ดเว็บเป็นค่า RGB อย่าง rgb(255, 136, 0) และเมื่อต้องการปรับเฉดสี ความอิ่มตัว และความสว่างอย่างเป็นธรรมชาติก็ใช้ HSL เครื่องมือนี้รับสีในรูปแบบใดรูปแบบหนึ่งจากสามแบบ แล้วแสดงผลทั้งสามแบบทันที เพื่อให้คุณนำไปใช้ที่ไหนก็ได้โดยไม่ต้องคำนวณใหม่
คุณป้อนรหัส HEX ได้ (สามหรือหกหลัก จะมีเครื่องหมายชาร์ปหรือไม่ก็ได้) ค่า rgb(...) หรือ hsl(...) ก็ได้ เครื่องมือจะตรวจจับรูปแบบโดยอัตโนมัติ การแปลงเป็นไปตามสูตรทั่วไประหว่างปริภูมิสี และปัดค่าผลลัพธ์อย่างเหมาะสม คุณจึงได้ชุด HEX, RGB และ HSL ที่สอดคล้องกันสำหรับสีที่คุณป้อนพอดี
การแปลงทั้งหมดทำงานในเบราว์เซอร์ด้วย JavaScript ล้วน ๆ สิ่งที่คุณป้อนจะไม่ถูกอัปโหลด ไม่ถูกจัดเก็บ และไม่มีการโหลดไลบรารีภายนอกจาก CDN หากสิ่งที่ป้อนไม่ใช่สีที่จดจำได้ เครื่องมือจะบอกตรง ๆ แทนที่จะให้ค่าที่ผิด
| รูปแบบที่รองรับ | การป้อนข้อความ |
|---|---|
| รูปแบบผลลัพธ์ | TXT |
| การประมวลผลเป็นชุด | ไม่รองรับ |
| การประมวลผล | ภายในเบราว์เซอร์ (JavaScript) |
| การอัปโหลดไฟล์ | ไม่มี |
ข้อจำกัด: เครื่องมือนี้แปลงระหว่าง HEX, RGB และ HSL (สีทึบ ไม่มีช่องอัลฟา) ค่า HSL จะถูกปัดเป็นจำนวนเต็ม ซึ่งอาจทำให้การแปลงกลับคลาดเคลื่อนเล็กน้อย ไม่รองรับโมเดลอื่นเช่น CMYK หรือชื่อสี หากสิ่งที่ป้อนไม่ใช่สีที่ถูกต้อง จะแสดงข้อผิดพลาดอย่างตรงไปตรงมา
ไม่ การแปลงทำงานในเบราว์เซอร์ทั้งหมด สิ่งที่คุณป้อนไม่เคยออกจากเครื่องของคุณและไม่ถูกจัดเก็บ
HEX (สามหรือหกหลัก จะมีเครื่องหมายชาร์ปหรือไม่ก็ได้) rgb(...) และ hsl(...) เครื่องมือจะตรวจจับรูปแบบโดยอัตโนมัติและแสดงผลทั้งสามแบบ
RGB ผสมแดง เขียว และน้ำเงิน ส่วน HSL อธิบายสีเดียวกันด้วยเฉดสี ความอิ่มตัว และความสว่าง ซึ่งมักเป็นธรรมชาติกว่าเมื่อคุณต้องการทำให้สีสว่างขึ้นหรือเข้มขึ้นอย่างตั้งใจ
ไม่ เครื่องมือนี้ทำงานกับสีทึบ หากต้องการความโปร่งใส คุณต้องจัดการค่าอัลฟาแยกต่างหาก เพราะการแปลงจะไม่นำมาคิด