ทำงานในเบราว์เซอร์ 100%
เครื่องมือสี
เครื่องมือเกี่ยวกับสีฟรีสำหรับนักออกแบบและนักพัฒนา — แปลงระหว่าง HEX, RGB, HSL, CMYK, HSV และอื่น ๆ สร้างชุดสีที่กลมกลืน ตรวจสอบค่าคอนทราสต์ตามมาตรฐาน WCAG ผสมและปรับเฉดสี และค้นหาชื่อสีที่ใกล้เคียงที่สุด
◑
เครื่องสร้างชุดสีพาเลต
สร้างพาเลตสีคู่ตรงข้าม สีข้างเคียง สามสีสมดุล และสี่สีสมดุลจากสีตั้งต้นใดก็ได้
◐เครื่องตรวจคอนทราสต์สี
ตรวจอัตราส่วนคอนทราสต์ตามมาตรฐาน WCAG ระหว่างสีข้อความและสีพื้นหลัง พร้อมผลลัพธ์ AA/AAA
◓เครื่องผสมสี
ผสมสองสีตามอัตราส่วนที่ปรับได้ แล้วได้ค่า HEX ที่เกิดขึ้น
▦เฉดสีเข้มและเฉดสีอ่อน
สร้างช่วงของเฉดสีอ่อนและเฉดสีเข้มจากสีตั้งต้นใดก็ได้
🎨ชื่อสีมาตรฐานของ CSS
เรียกดูและค้นหาชื่อสีมาตรฐานของ CSS กว่า 140 สีพร้อมค่า HEX
⚂เครื่องสุ่มสี
สุ่มสีหนึ่งสีและดูในรูปแบบ HEX, RGB และ HSL
◔เครื่องจำลองภาวะตาบอดสี
จำลองว่าสีหนึ่งปรากฏอย่างไรในภาวะ protanopia, deuteranopia และ tritanopia
#αHEX ⇄ RGBA
แปลงระหว่างรหัสสี HEX ที่มีค่าอัลฟา และรูปแบบ rgba() พร้อมตัวอย่างแบบสด
#?รูปแบบสี CSS
แสดงสีเดียวในทุกรูปแบบของ CSS: HEX, rgb(), hsl() และ hwb()
twเครื่องสร้างพาเลตต์ Tailwind
สร้างสเกลเฉดสีแบบ Tailwind ตั้งแต่ 50–950 จากสีพื้นฐานใดก็ได้
🖼◑เครื่องดึงสีจากภาพ
ดึงสีเด่นจากภาพที่อัปโหลดออกมาเป็นช่องสี HEX
◐◑เครื่องสร้างดูโอโทน
สร้างไล่ระดับสีดูโอโทนสองสีพร้อม CSS ที่คัดลอกได้
cmykตัวแปลง CMYK เป็น RGB
แปลงสีระหว่าง CMYK กับ RGB/HEX พร้อมตัวอย่างสีแบบเรียลไทม์
hsvตัวแปลง HSV / HSB
แปลงสีระหว่าง HSV/HSB กับ RGB/HEX พร้อมตัวอย่างสีแบบเรียลไทม์
◑?สีที่มีชื่อใกล้เคียงที่สุด
ค้นหาสีที่มีชื่อใน CSS ที่ใกล้เคียงที่สุดกับสีที่คุณเลือก
#abcสีจากข้อความ
สร้างสีแบบกำหนดแน่นอนจากข้อความใดก็ได้