พาเลตสี

พาเลตสีสำหรับเว็บ (CSS)

พาเลตสีที่สร้างมาเพื่อออกแบบเว็บและอินเทอร์เฟซ ทุกพาเลตมีโค้ด HEX และยังคัดลอกโค้ด CSS สำเร็จรูปได้ด้วย คลิกที่สีเพื่อคัดลอก บันทึกพาเลตที่ชอบ หรือเปิดในเอดิเตอร์เพื่อปรับแต่ง

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวตู้สุ่มสีดึงคันโยกแล้วรับพาเลตสีตู้ปลาสีสันตู้ปลา 3D ผ่อนคลายในสีที่คุณเลือก
เครื่องมือฟรีทั้งหมด →

วิธีเลือกสีสำหรับเว็บ

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

คัดลอกพาเลตเป็น CSS

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

คอนทราสต์และการเข้าถึง

ก่อนเผยแพร่ ตรวจให้แน่ใจว่าข้อความอ่านได้ชัดบนพื้นหลัง ใช้เครื่องมือ ตรวจคอนทราสต์ เพื่อดูว่าผ่านระดับ WCAG AA หรือ AAA หรือไม่ ซึ่งสำคัญทั้งต่อการเข้าถึงและ SEO

อยากสร้างพาเลตของตัวเองตั้งแต่เริ่มต้น? ลองใช้ เครื่องมือสร้างพาเลตสี ดึง พาเลตจากรูปภาพ หรือตรวจ คอนทราสต์ของสี.