สตูดิโอสี

รวมทุกเครื่องมือใน ⁨สตูดิโอสี⁩ ไว้ที่เดียว

จานสี CSS และค่าคอนทราสต์

เครื่องมือฟรี ⁨7⁩ รายการไม่ต้องสมัครสมาชิกใช้ได้ทุกอุปกรณ์ไฟล์ของคุณอยู่กับคุณ

สำรวจ ⁨สตูดิโอสี⁩ ด้านล่าง แล้วหาเครื่องมือที่ตรงกับงานของคุณ

เครื่องมือใน ⁨สตูดิโอสี⁩

เครื่องมือ ⁨0⁩ รายการ · วางแผนไว้ ⁨7⁩ รายการ

จัดกลุ่มตามงานที่คุณตั้งใจมาทำ ตอนนี้ ⁨0⁩ พร้อมใช้แล้ว ที่เหลือกำลังสร้างและกำกับว่าเร็ว ๆ นี้

สีและ CSS

ค่าสีที่วางลงในสไตล์ชีตได้ทันทีเครื่องมือ ⁨7⁩ รายการ
แปลงค่าสีเร็ว ๆ นี้สีเดียวในทุกรูปแบบพร้อมกัน พร้อมตรวจคอนทราสต์ตามมาตรฐาน WCAGHEX · RGB · HSLสร้างจานสีเร็ว ๆ นี้สีคู่กลมกลืน สีอ่อนและสีเข้มจากสีตั้งต้นเดียว พร้อมรหัส HEX ให้คัดลอกHEXสร้างเกรเดียนต์ CSSเร็ว ๆ นี้เกรเดียนต์แบบเส้นตรงและแบบรัศมี พร้อมตัวอย่างสดและโค้ด CSS ที่คัดลอกไปวางได้CSSสร้างเงา CSSเร็ว ๆ นี้ระยะเยื้อง ความฟุ้ง การกระจาย และสี ดูตัวอย่างบนการ์ดจริงขณะปรับCSSตรวจคอนทราสต์สีเร็ว ๆ นี้สองสี หนึ่งอัตราส่วน และคำตอบตรง ๆ ว่าผ่านระดับ AA และ AAA หรือไม่WCAGหาสี Tailwind ที่ใกล้เคียงเร็ว ๆ นี้คลาส Tailwind ที่ใกล้ค่าเฮกซ์ที่สุด พร้อมระยะห่างให้คุณตัดสินเองHEXจำลองภาวะตาบอดสีเร็ว ๆ นี้ดูงานออกแบบแบบที่ผู้ชายแปดเปอร์เซ็นต์มองเห็น ก่อนจะไปพึ่งสีแดงกับสีเขียวJPG · PNG
ถิ่นอาศัยอื่นให้สำรวจ

เราเปิดถิ่นอาศัยเมื่อมีเครื่องมือมากพอที่จะคุ้มค่าแก่การแวะ

สำรวจถิ่นอาศัยทั้งหมด

เกี่ยวกับ ⁨เครื่องมือสี⁩

ใช้มาตรฐานคอนทราสต์ตัวไหน

ใช้ค่าความสว่างสัมพัทธ์ตาม WCAG 2.2 ซึ่งเป็นสูตรเดียวกับที่ผู้ตรวจสอบและเครื่องมือสำหรับนักพัฒนาในเบราว์เซอร์ใช้ เกณฑ์คือ 4.5:1 สำหรับข้อความเนื้อหา และ 3:1 สำหรับข้อความขนาดใหญ่กับขอบเขตขององค์ประกอบ UI

ทำไมจานสีที่ทำไว้พิมพ์ออกมาแล้วสีเพี้ยน

จอภาพผสมสีแบบบวก ส่วนหมึกผสมสีแบบลบ สีสดบนจอจำนวนมากจึงไม่มีหมึกสีไหนเทียบได้ ให้ถือว่าค่า CMYK เป็นจุดตั้งต้นสำหรับทำปรู๊ฟ ไม่ใช่สีที่จะออกมาตรงกัน

ถิ่นอาศัยอื่น

เพราะมีคุณ
ToolZool จึงยังคงฟรี

เครื่องมือดี ๆ ควรใช้ฟรีได้ทุกคน นี่คือที่มาของเงินที่จ่ายค่าใช้จ่ายทั้งหมด ครบทุกทาง ไม่มีตกหล่น

เลี้ยงกาแฟ Zoolyการสนับสนุนโดยตรงที่ช่วยให้ไฟยังสว่างและมีเครื่องมือใหม่ ๆ ออกมา เป็นความสมัครใจทั้งหมดสนับสนุน Zooly →
รายการที่แนะนำเครื่องมือแบบเสียเงินที่ปิดงานซึ่งเบราว์เซอร์ทำไม่ได้ วันนี้ไม่มีอะไรบนหน้านั้นที่ทำให้เราได้เงินดูคำแนะนำ →
โฆษณาที่ไม่รบกวนตำแหน่งโฆษณาที่กำกับไว้อยู่นอกพื้นที่ทำงาน จึงไม่มีทางมาขวางระหว่างคุณกับผลลัพธ์อ่านนโยบายโฆษณา →
คุณสุดยอดมากทุกการเข้าชม การแชร์ และคำพูดดี ๆ ช่วยให้ ToolZool เติบโตและไปถึงคนได้มากขึ้น