เครื่องมือสี

เครื่องมือตรวจสอบคอนทราสต์ WCAG วัดอัตราส่วนความสว่างระหว่างสีพื้นหน้าและสีพื้นหลัง เพื่อตรวจสอบว่าเป็นไปตามมาตรฐาน Web Content Accessibility Guidelines (WCAG) 2.1 หรือไม่ อัตราส่วนขั้นต่ำ 4.5:1 จำเป็นสำหรับการปฏิบัติตามมาตรฐาน AA สำหรับข้อความปกติ และ 7:1 สำหรับมาตรฐาน AAA

รหัสสี HEX เช่น #4285F4 จะถูกแบ่งออกเป็นสามคู่: 42 (แดง), 85 (เขียว), F4 (น้ำเงิน) แต่ละคู่จะถูกแปลงจากเลขฐานสิบหกเป็นเลขฐานสิบ ดังนั้น #4285F4 จะกลายเป็น RGB(66, 133, 244) เครื่องมือแปลงสีของเราจัดการรูปแบบ HEX, RGB, HSL, HSV, CMYK และ OKLCH ได้ทันที

เครื่องมือสร้างจานสีสร้างชุดสีที่กลมกลืนจากสีพื้นฐานโดยใช้หลักการทฤษฎีสี รูปแบบทั่วไป ได้แก่ สีตรงข้าม (ฝั่งตรงข้ามบนวงล้อสี) สีใกล้เคียง (สีที่อยู่ติดกัน) สามเส้า (สามสีที่เว้นระยะเท่ากัน) และ split-complementary จานสีเหล่านี้ช่วยให้การออกแบบมีความสวยงามสอดคล้องกัน

Tailwind CSS ใช้สเกลโทนสี 50–950 สำหรับแต่ละสี โดย 50 คือโทนที่อ่อนที่สุดและ 950 คือโทนที่เข้มที่สุด เครื่องมือสร้างโทนสีของเราสร้างสเกลเต็มรูปแบบนี้จากสีพื้นฐานใด ๆ ให้ตรงกับความสม่ำเสมอเชิงการรับรู้ของ Tailwind เพื่อระบบการออกแบบที่สอดคล้องกัน

โปรแกรมจำลองตาบอดสีใช้การแปลงทางคณิตศาสตร์กับสีเพื่อจำลองว่าสีเหล่านั้นปรากฏอย่างไรต่อผู้ที่มีความบกพร่องในการมองเห็นสี ประเภทหลัก ได้แก่ Deuteranopia (ตาบอดสีเขียว ~6% ของผู้ชาย), Protanopia (ตาบอดสีแดง ~1%), Tritanopia (ตาบอดสีน้ำเงิน พบน้อย) และ Achromatopsia (ตาบอดสีทั้งหมด)

ColorFYI รองรับรูปแบบสีหกแบบ ได้แก่ HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%) และ OKLCH (0.63, 0.17, 264°) OKLCH คือพื้นที่สีที่สม่ำเสมอเชิงการรับรู้ที่แนะนำสำหรับ CSS สมัยใหม่

ใช่ เครื่องมือสีทั้งหกของ ColorFYI ฟรีทั้งหมดโดยไม่ต้องสมัครสมาชิก ทำงานในเบราว์เซอร์ของคุณทั้งหมดเพื่อผลลัพธ์ทันที ได้แก่ เครื่องตรวจสอบคอนทราสต์ เครื่องแปลงสี เครื่องสร้างจานสี เครื่องสร้างโทนสี โปรแกรมจำลองตาบอดสี และเครื่องสร้างการไล่สี