สร้างพาเลตสี
เริ่มจากสีที่คุณชอบหรือให้การสุ่มสร้างความประหลาดใจ แล้วเก็บเฉดสีที่ใช่ไว้
ปิดผนึกไว้บนอุปกรณ์นี้
ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดใด ๆ
ปิดผนึก
พาเลตของคุณ
การตั้งค่า
สร้างพาเลตรอบสีหลัก สีที่ล็อกไว้จะคงอยู่
ส่งออก
วิธีใช้งาน
-
เลือกสีหลักหรือสุ่ม
ใส่สีหลักแล้วเลือกความกลมกลืน หรือกด “พาเลตใหม่” (หรือ Spacebar) เพื่อรับพาเลตใหม่
-
ล็อกสีที่ชอบ
ล็อกสีที่ต้องการเก็บไว้ แล้วสร้างใหม่อีกครั้ง เฉพาะสีที่ไม่ล็อกจะเปลี่ยน คลิกที่สีเพื่อปรับเองได้
-
ส่งออกพาเลต
คัดลอกเป็นตัวแปร CSS หรือ JSON สำหรับโค้ด หรือดาวน์โหลดเป็น PNG เพื่อแชร์กับทีม
คำถามที่พบบ่อย
ความกลมกลืนแต่ละแบบหมายถึงอะไร
มาจากวงล้อสี สีข้างเคียงอยู่ติดกันและให้ความรู้สึกสงบ สีตรงข้ามอยู่คนละฝั่งและสร้างคอนทราสต์ สีตรงข้ามแบบแยก สามเส้า และสี่เหลี่ยม กระจายสีรอบวงล้ออย่างสม่ำเสมอให้พาเลตมีชีวิตชีวามากขึ้น ส่วนสีเดียวใช้เฉดที่อ่อนและเข้มกว่าของสีเดียวกัน
การล็อกทำงานอย่างไร
เลือกแม่กุญแจใต้สีเพื่อเก็บสีนั้นไว้ เมื่อสร้างพาเลตใหม่ สีที่ล็อกจะอยู่ที่เดิม และสีใหม่จะถูกเลือกให้เข้ากับสีเหล่านั้น
ทำไมสีจึงดูสมดุล
พาเลตสร้างใน OKLCH ซึ่งเป็นปริภูมิสีที่ออกแบบตามการมองเห็นของมนุษย์ การหมุนเฉดสีในนั้นทำให้ความสว่างและความสดคงที่ ไม่มีสีไหนดูสว่างหรือหม่นผิดปกติเมื่ออยู่ข้างสีอื่น
ใช้พาเลตในโปรเจกต์อย่างไร
คัดลอกการส่งออก CSS แล้ววางในสไตล์ชีต คุณจะได้ตัวแปรอย่าง --color-1 ที่ใช้ได้ทุกที่ การส่งออก JSON แสดงทุกสีเป็น HEX, RGB และ OKLCH สำหรับ Design Token หรือสคริปต์
ใช้พาเลตในงานเชิงพาณิชย์ได้หรือไม่
ได้ สีไม่มีใครเป็นเจ้าของ และพาเลตที่คุณสร้างที่นี่เป็นของคุณ ใช้ได้อย่างอิสระทั้งงานส่วนตัวและงานเชิงพาณิชย์