WebToolBox

ตัวแปลงสี

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

ข้อมูลเข้า

R
G
B

Live Preview

Sample text in selected color

ผลลัพธ์

HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)
CSScolor: #4f46e5;

Color Converter (HEX, RGB, HSL) คืออะไร?

เครื่องมือแปลงรหัสสีไปมาระหว่างมาตรฐานเว็บยอดนิยม ได้แก่ HEX, RGB และ HSL

ระบบสี HSL ช่วยให้นักออกแบบปรับระดับความสว่างและความสดของสีได้อย่างเป็นธรรมชาติ

มาพร้อมกล่องแสดงตัวอย่างสีจริงและปุ่มคัดลอกโค้ด CSS ได้ในคลิกเดียว

วิธีใช้งาน

  1. ป้อนรหัสสีลงในช่องรับข้อมูล
  2. ค่าสีในรูปแบบ HEX, RGB และ HSL จะคำนวณพร้อมกันทันที
  3. ตรวจสอบความถูกต้องของสีจากกล่องตัวอย่าง
  4. คลิกไอคอนคัดลอกรหัส CSS ที่ต้องการ

FAQ

ทำไมจึงควรใช้ HSL ในงาน CSS?
เพราะสามารถสร้างเฉดสีอ่อน-เข้มสำหรับปุ่ม Hover ได้ง่ายเพียงแค่ปรับค่า Lightness (L)

ข้อมูลเมนูเครื่องมือ

จัดรูปแบบ JSON

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

จัดรูปแบบ XML

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

YAML เป็น JSON

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

JSON เป็น YAML

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

CSV เป็น JSON

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

JSON เป็น CSV

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