สีและการออกแบบ CSS
สตูดิโอสี, ชุดสี และความคมชัด
แปลงโมเดลสี สร้างชุดสี CSS ดึงชุดสีจากรูปภาพ และตรวจสอบความคมชัดตาม WCAG หรือ APCA
เปิดเครื่องมือคอลเลกชันเครื่องมือ
สตูดิโอสี, การเข้าถึงได้ และ CSS
เปรียบเทียบสีและความคมชัด สร้างการไล่เฉดสีและเงา จากนั้นจัดทำเลย์เอาต์แบบ Grid, Flexbox หรือขนาดตัวอักษรแบบยืดหยุ่น ผลการตรวจสอบความคมชัดขึ้นอยู่กับมาตรฐานที่เลือกใช้ และไม่ทดแทนการประเมินการเข้าถึงได้ฉบับเต็ม
สตูดิโอสำหรับสำรวจสี ตรวจความคมชัด และออกแบบการไล่เฉดสี เงา และเลย์เอาต์ CSS
เครื่องมือในคอลเลกชันนี้
4 เครื่องมือ
สีและการออกแบบ CSS
สตูดิโอการไล่เฉดสี, เงา และแอนิเมชัน CSS
สร้างการไล่เฉดสี เงา ตัวกรอง การแปลงรูป (transform) และแอนิเมชัน CSS พร้อมการแสดงตัวอย่าง
เปิดเครื่องมือสีและการออกแบบ CSS
สตูดิโอ CSS Grid, Flexbox และ Typography แบบยืดหยุ่น
ออกแบบเลย์เอาต์ CSS Grid, เลย์เอาต์ Flexbox, ขนาดตัวอักษรแบบยืดหยุ่น (fluid type) และระยะห่างแบบตอบสนองหน้าจอ
เปิดเครื่องมือรูปภาพและกราฟิกเวกเตอร์
สตูดิโอ SVG และไอคอนเวกเตอร์
แก้ไขโค้ด SVG, viewBox และสี ปรับเส้นทาง (path) ให้กระชับ แล้วส่งออกเป็น TSX/JSX, CSS Data URI, PNG หรือ WebP
เปิดเครื่องมือหมวดหมู่ที่รวมไว้
คำถามเกี่ยวกับเครื่องมือออกแบบและ CSS
สตูดิโอสีตรวจความคมชัดตาม WCAG และ APCA ได้หรือไม่?
หน้าของสตูดิโอสีจะอธิบายวิธีและค่าที่วัดได้ที่พร้อมใช้ โปรดตรวจโหมดที่เลือกไว้และแปรความหมายผลลัพธ์ตามบริบทการใช้งาน
วาง CSS ที่สร้างขึ้นไว้ในโครงการโดยตรงได้เลยไหม?
ได้ แต่อย่าส่งออกโดยยังไม่ตรวจดู: ปรับตัวอย่างให้เข้ากับรูปแบบโค้ดของคุณ ตรวจความเข้ากันได้กับเบราว์เซอร์และอุปกรณ์เป้าหมาย และดูการแสดงผลจริงอีกครั้ง
คอลเลกชันที่เกี่ยวข้อง
เรียกดูเครื่องมือตามประเภทของงาน
ดูเครื่องมือทั้งหมด