เครื่องมือสีและการออกแบบฟรี — ตัวเลือก จานสี ความเปรียบต่าง การไล่สี
การทำงานสีที่ปฏิบัติได้สำหรับเว็บ: ตัวเลือกสีพร้อม HEX/RGB/HSL มัลติมีเดียสำหรับจานสีและการไล่สี ตัวตรวจสอบความเปรียบต่าง WCAG เพื่อให้ข้อความอ่านได้ การจำลองตาบอดสีและเครื่องมือเงา CSS ออกแบบสำหรับนักออกแบบและนักพัฒนาส่วนหน้าที่ต้องการค่าที่แน่นอนและตัวเลือกที่เข้าถึงได้ พร้อมสำหรับการคัดลอก-วาง
เครื่องแปลงสี (HEX, RGB, HSL — ทันที)
แปลงสีระหว่าง HEX, RGB และ HSL พร้อมตัวอย่างสีแบบเรียลไทม์ แก้ไขฟิลด์ใดก็ตาม ฟิลด์อื่นจะอัปเดต
เครื่องตรวจสอบ Contrast (ระดับ WCAG AA
ตรวจสอบอัตราส่วน contrast สีระหว่างข้อความและพื้นหลัง แสดงตัวอย่างเรียลไทม์และป้าย pass/fail สำหรับ WCAG AA และ AAA ที่ขนาดข้อความปกติและขนาดใหญ่
CSS Gradient Generator (linear, radial)
สร้าง CSS gradient แบบ visual: linear, radial และ conic หลาย color stop ควบคุมมุม preset ต่าง ๆ คัดลอก CSS พร้อมวาง
เครื่องสร้าง Color Palette (5
สร้าง palette สีที่ประสานกันจากสีฐาน: complementary, analogous, triadic, tetradic, monochromatic คลิก swatch ใดก็ได้เพื่อคัดลอก hex
จำลองตาบอดสี — มองสีแบบผู้อื่น
ป้อนรหัสสีฐานสิบหกและดูทันทีว่าสีนั้นปรากฏอย่างไรสำหรับผู้มีภาวะดิวทีรานอเปีย โปรทานอเปีย ทริทานอเปีย และอะโครมาทอปเซีย เครื่องมือจำเป็นสำหรับการออกแบบที่เข้าถึงได้
สร้าง CSS Box Shadow (พร้อมพรีวิวสด)
สร้างค่า CSS box-shadow อย่างเห็นภาพ ปรับ offset, blur, spread, สี, ความโปร่งใส และ inset พรีวิวสด คัดลอก CSS
ค้นหาชื่อสี CSS —
ป้อนสี hex ใดก็ได้เพื่อค้นหาชื่อสี CSS ที่ใกล้เคียงที่สุด แสดง 5 สีที่ใกล้เคียงที่สุดพร้อมค่า hex แน่นอนและคะแนนระยะห่าง
เครื่องมือสร้างเฉดสี — สไตล์ Tailwind
สร้างเฉดสี 11 ระดับ (50–950) สำหรับสีใดก็ได้ตามมาตราส่วน Tailwind CSS คลิกเฉดใดก็ได้เพื่อคัดลอก hex หรือส่งออกทั้งหมดเป็น CSS variables