Any-Tools.net
แปลงฟรี

HSL ถึง ตัวแปลง HEX

แปลงค่าสี HSL เป็นรหัสสี HEX ทันที — โปรแกรมแปลงสีแบบเรียลไทม์ฟรี

เว้
ความอิ่มตัว (%)
ความเบา (%)

เอาต์พุต HEX

#368CE2
R:54
G:140
B:226

คัดลอกรูปแบบ

#รูปแบบ HEX#368CE2
รูปแบบ hsl()hsl(210°, 75%, 55%)
รูปแบบ RGB()rgb(54, 140, 226)

เครื่องมือที่เกี่ยวข้อง

ดูเครื่องมือทั้งหมด

เลขฐานสิบหกถึง ตัวแปลง RGB

แปลงรหัสสี HEX เป็นค่า RGB ทันที — โปรแกรมแปลงสีแบบเรียลไทม์ฟรี

RGB ถึง ตัวแปลง HEX

แปลงค่าสี RGB เป็นรหัสสี HEX ทันที — โปรแกรมแปลงสีแบบเรียลไทม์ฟรี

PDF เป็น PNG ตัวแปลง

แปลงเอกสาร PDF ของคุณเป็นรูปภาพ PNG ความละเอียดสูงได้ทันที ปลอดภัย รวดเร็ว และฟรี 100%

PNG เป็น PDF ตัวแปลง

แปลงรูปภาพหลายรูปเป็นเอกสาร PDF เดียวได้ทันที ปลอดภัย รวดเร็ว และฟรีทั้งหมด

เกี่ยวกับเครื่องมือนี้

แปลงค่าสี HSL (Hue, Saturation, Lightness) เป็นรหัสเลขฐานสิบหก HSL เป็นโมเดลสีที่ใช้งานง่าย โดยที่ Hue คือมุมสี (0-360°) ความอิ่มตัวคือความเข้มของสี (0-100%) และ Lightness ควบคุมความสว่างหรือความมืดของสี (0-100%) มีประโยชน์สำหรับนักออกแบบที่ทำงานด้วย HSL และต้องการรหัสฐานสิบหกสำหรับ CSS

วิธีใช้งาน

  1. ป้อนค่า Hue (0-360 องศาบนวงล้อสี)
  2. ตั้งค่าความอิ่มตัว (0-100%) และความสว่าง (0-100%)
  3. รหัสเลขฐานสิบหกถูกคำนวณและแสดงแบบเรียลไทม์
  4. คัดลอกรหัสฐานสิบหกเพื่อใช้ใน CSS หรือเครื่องมือออกแบบของคุณ

คำถามที่พบบ่อย

เหตุใดจึงใช้ HSL แทน hex หรือ RGB
HSL ใช้งานง่ายกว่าสำหรับมนุษย์ ต้องการเฉดสีเข้มกว่านี้ไหม? ลดความบางเบา ต้องการเวอร์ชันปิดเสียงหรือไม่? ลดความอิ่มตัวของสี ความสัมพันธ์เหล่านี้ไม่ชัดเจนในรูปแบบฐานสิบหกหรือ RGB ซึ่งคุณจะต้องปรับทั้งสามช่อง
เฉดสี 0 กับ 360 หมายถึงอะไร
ทั้ง 0° และ 360° จะเป็นสีแดง โดยมีวงล้อสีล้อมรอบ เฉดสีหลัก: 0° = สีแดง, 60° = สีเหลือง, 120° = สีเขียว, 180° = สีฟ้าอมเขียว, 240° = สีฟ้า, 300° = สีม่วงแดง
จะเกิดอะไรขึ้นที่ความอิ่มตัว 0% และ 100%?
ที่ความอิ่มตัวของสี 0% สีใดๆ จะกลายเป็นสีเทา (พิจารณาจากความสว่างเพียงอย่างเดียว) ที่ความอิ่มตัวของสี 100% คุณจะได้เฉดสีที่บริสุทธิ์และสดใสที่สุด
ความเบาทำงานอย่างไร?
ความสว่าง 0% จะเป็นสีดำเสมอโดยไม่คำนึงถึงเฉดสี/ความอิ่มตัวของสี 100% จะขาวเสมอ 50% ให้สีที่บริสุทธิ์และสดใสที่สุด ค่าระหว่าง 0-50% คือเฉดสีเข้มกว่า 50-100% คือสีอ่อนกว่า

Related Articles

File Formats

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Learn the differences between popular image formats, when to use each one, and how to convert between them for optimal quality and file size.

8 min readFile Formats

The Complete Guide to PDF Conversion: Methods, Tools, and Best Practices

Everything you need to know about converting PDFs to other formats and vice versa. Covers PDF to Word, Excel, PNG, and more.

10 min readFile Formats

Document Formats Explained: Word, PDF, TXT, and When to Use Each

Understand the differences between document formats like DOCX, PDF, TXT, RTF, and ODT. Learn which format to use for different purposes and how to convert between them.

8 min readFile Formats

Audio and Video Formats Explained: MP3, MP4, WAV, WebM, and Beyond

Understand the differences between audio and video formats, codecs, containers, and how to choose the right format for your needs.

9 min readPrivacy & Security

How to Convert Files Online Safely: Privacy and Security Guide

Understand the risks of online file conversion and learn how browser-based tools keep your data private. A guide to safe file handling.

7 min readPrivacy & Technology

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk

Discover why browser-based tools are replacing desktop software and cloud uploads. Learn how client-side processing keeps your files private while delivering powerful functionality.

7 min read