ทดลองจัดคำขอ API

เครื่องมือสี เลือกสี เลือกสีและดูค่า HEX, RGB และ HSL

เครื่องมือสี สร้างชุดสี สร้างชุดสีที่กลมกลืนจากสีหลัก

เครื่องมือสี สร้าง Gradient สร้างตัวอย่าง CSS Linear Gradient แบบทันที

เครื่องมือสี สร้าง CSS Box Shadow ปรับแต่งและคัดลอก CSS Box Shadow พร้อมตัวอย่าง

เครื่องมือสี แปลงรูปแบบสี แปลงค่าสี HEX, RGB, HSL และ CMYK ที่ถูกต้อง

เครื่องมือสี สร้างชุดสีสัมพันธ์ สร้างชุดสีคู่ตรงข้าม สีใกล้เคียง สามสี สีเดียว เฉดอ่อน และเฉดเข้ม

เครื่องมือสี ตรวจสอบความต่างสี ตรวจสอบอัตราส่วนความต่างสีและระดับการเข้าถึงตาม WCAG

เครื่องมือสี สร้างเอฟเฟกต์ CSS สร้างและดูตัวอย่าง CSS สำหรับไล่สี เงา ปุ่ม และพื้นผิว

เครื่องมือสี ดึงชุดสีจากรูปภาพ ดึงชุดสีตัวอย่างจากรูปภาพในเครื่องผ่านเบราว์เซอร์

เครื่องมือสี สร้างชุดสี Tailwind สร้างเฉดสีจากสีหลักและการตั้งค่าที่ใช้กับ Tailwind ได้ในเครื่อง

เครื่องมือสี สร้าง CSS Color Variables แปลงชื่อและค่าสีเป็น CSS custom properties หรือ SCSS variables

เครื่องมือสี จำลองการมองเห็นสี ดูตัวอย่างการแปลงสีโดยประมาณสำหรับภาวะตาบอดสีชนิดต่าง ๆ

เครื่องมือสี สร้าง Gradient Mesh สร้าง CSS radial-gradient หลายชั้นจากสีที่เลือกพร้อมตัวอย่างทันที

เครื่องมือสี สร้างชุดสีแบรนด์ สร้างชุดสีเริ่มต้นที่เข้ากันจากสีหลักหนึ่งสีและควรตรวจทานก่อนใช้งาน

เครื่องมือสี ส่งออกชุดสี ส่งออกสีที่ตั้งชื่อเป็น CSS, SCSS, JSON หรือการตั้งค่า Tailwind

เครื่องมือสี สร้าง Design Tokens แปลงสีที่ตั้งชื่อเป็นโครงสร้าง JSON Design Token ที่นำไปใช้ต่อได้

เครื่องมือสี จำลองอุณหภูมิสี ดูผลของแสงโทนอุ่นและเย็นต่อสีที่เลือกโดยประมาณ