ตัวเลือกสี
เลือกสีและรับค่าทุกรูปแบบพร้อมตัวตรวจสอบคอนทราสต์และพรีเซ็ต
ตัวเลือกสี
ตัวตรวจสอบคอนทราสต์
ตัวอย่างสี
ค่าสี
สีที่บันทึก
พรีเซ็ตสี
ตัวอย่างการใช้งาน
สีสำหรับออกแบบเว็บ
เลือกสีสำหรับการออกแบบเว็บไซต์ของคุณและรับค่าที่พร้อมใช้กับ CSS ในทุกรูปแบบ
ตรวจสอบการเข้าถึง
ตรวจสอบอัตราส่วนคอนทราสต์สีตามมาตรฐาน WCAG AA และ AAA
พาเลตแบรนด์
สร้างพาเลตสีแบรนด์ด้วยสีที่บันทึกและคอลเลกชันพรีเซ็ต
คุณสมบัติ
รูปแบบสีหลายแบบ
รับค่าสีในรูปแบบ HEX, RGB, HSL, HSV, CMYK, RGBA และ HSLA ทันที
ตัวตรวจสอบคอนทราสต์ WCAG
ตรวจสอบอัตราส่วนคอนทราสต์สีตามมาตรฐานการเข้าถึง WCAG AA และ AAA
บันทึกพาเลตสี
บันทึกสีที่ชื่นชอบไปยังพาเลตในเครื่องที่เก็บไว้ในเบราว์เซอร์ของคุณ
พรีเซ็ต Material & Tailwind
เข้าถึงพาเลตสี Material Design และ Tailwind CSS อย่างรวดเร็ว
วิธีใช้?
เลือกสี
ใช้ตัวเลือกสี ป้อนรหัส HEX หรือปรับแถบเลื่อนเฉดสี/ความอิ่มตัว/ความสว่าง
ดูทุกรูปแบบ
ค่าสีทั้งหมด (HEX, RGB, HSL, HSV, CMYK) อัปเดตแบบเรียลไทม์เมื่อเลือกสี
คัดลอกหรือบันทึก
คัดลอกรูปแบบใดก็ได้ไปยังคลิปบอร์ดด้วยคลิกเดียวหรือบันทึกสีไปยังพาเลตของคุณ
คำถามที่พบบ่อย
ตัวเลือกสีคืออะไร?
เห็นสีที่ชอบบนเว็บไซต์แล้วต้องการโค้ด hex หรือกำลังเลือกสีแบรนด์และอยากมั่นใจว่าใช้ได้ทั้งหน้าจอและงานพิมพ์ เครื่องมือนี้ให้คุณจับสีใดก็ได้แล้วรับค่าทันทีในรูปแบบ HEX, RGB, HSL, HSV, CMYK, RGBA และ HSLA ยังตรวจสอบด้วยว่าคอมโบสีผ่านมาตรฐาน WCAG หรือไม่
ทำไมต้องใช้ตัวเลือกสีนี้?
ทุกรูปแบบสีในที่เดียวด้วยการแปลงแบบเรียลไทม์ ตัวตรวจสอบคอนทราสต์สำหรับมาตรฐานการเข้าถึง พาเลตในเครื่องสำหรับบันทึกสีที่ใช้บ่อย พาเลต Material Design และ Tailwind CSS ในตัว คัดลอกคลิกเดียวแล้ววางตรงเข้าโค้ดได้เลย