ตัวสร้างชุดสี
เลือกสีฐานและรูปแบบสีเพื่อสร้างชุดสี 2 หรือ 3 สี ใช้เฉดสีตรงข้าม สีใกล้เคียง แบบสามเฉด หรือตรงข้ามแบบแยก จากนั้นคัดลอกรหัส HEX แยกรายตัวหรือบันทึกรายการเป็นข้อความ
คุณทำอะไรได้
สร้างชุดสีด้วยสี่รูปแบบ
เลือกเฉดสีตรงข้าม สีใกล้เคียง แบบสามเฉด หรือสีตรงข้ามแบบแยก โดยคงค่าความอิ่มตัวและความสว่างของสีฐานไว้
รับรหัสสีแต่ละรายการ
ตรวจสอบชิ้นสีและรหัส HEX คัดลอกแต่ละรหัส หรือบันทึกรายการตามลำดับการแสดงผลเป็น palette.txt
ใช้ตัวเลือกเป็นฐานถัดไป
เลือกใช้เป็นฐานบนตัวเลือก จากนั้นสร้างชุดสีใหม่
วิธีใช้งาน
ป้อนสีฐาน
เลือก HEX, RGB, HSL, HSV หรือ CMYK แล้วป้อนค่า หรือใช้ตัวเลือกสี
เลือกรูปแบบ
แบบสีตรงข้ามจะได้สองสี ส่วนแบบสีใกล้เคียง แบบสามเฉด และแบบสีตรงข้ามแบบแยกจะได้สามสี
สร้างชุดสี
เลือกสร้างชุดสีเพื่อตรวจสอบชิ้นสีและรหัส HEX การเปลี่ยนรูปแบบหลังสร้างจะอัปเดตชุดสีจากสีฐานที่ยืนยันแล้ว
รับรหัส
คัดลอกรหัสรายตัว คัดลอกทั้งหมด หรือบันทึกเป็น TXT แล้วสร้างใหม่หลังจากเปลี่ยนสีฐาน
กรณีที่ช่วยได้
สำรวจตัวเลือกสีเน้น
ใช้สีฐานจากหน้าเว็บหรืองานออกแบบของคุณเพื่อเปรียบเทียบความสัมพันธ์ของเฉดสีแบบต่าง ๆ
เก็บรหัสชุดสีไว้ในโน้ตของคุณ
คัดลอกหรือบันทึกรายการ HEX ตามลำดับการแสดงผลเพื่อใช้ในเครื่องมือออกแบบ
ชุดสีและข้อจำกัดของผลลัพธ์
ความสัมพันธ์ของเฉดสีทั้งสี่รูปแบบ
แบบสีตรงข้ามใช้เฉดสีที่ห่างจากสีฐาน 180 องศา แบบสีใกล้เคียงใช้เฉดสีที่ห่าง 30 องศาทั้งสองด้าน แบบสามเฉดใช้ระยะห่าง 120 องศา และแบบสีตรงข้ามแยกใช้มุม 150 และ 210 องศา โดยสีฐานจะแสดงอยู่ตรงกลางในแบบสีใกล้เคียง
ความอิ่มตัวสีและความสว่างคงเดิม
ชุดสีจะปรับเฉดสีในระบบ HSL โดยคงค่าความอิ่มตัวและความสว่างไว้ ผลลัพธ์จะปัดเศษเป็น RGB 8 บิตและแสดงเป็น HEX สีที่มีความอิ่มตัวเป็นศูนย์อาจให้ค่า HEX ซ้ำกัน โดยยังคงจำนวนสีและลำดับไว้
ตรวจสอบความอ่านง่ายแยกต่างหาก
ชุดสีที่อิงความสัมพันธ์ของเฉดสีไม่รับประกันความคมชัดของข้อความหรือความอ่านง่าย ให้ใช้เครื่องมือตรวจความคมชัดกับคู่ข้อความและพื้นหลังแต่ละคู่
คำถามและคำตอบ
ทำไมสีเดียวกันจึงปรากฏได้มากกว่าหนึ่งครั้ง
การเปลี่ยนเฉดสีอาจทำให้สีที่มีความอิ่มตัวเป็นศูนย์ได้ค่า HEX ซ้ำกัน ผลลัพธ์จะไม่ถูกปรับหรือตัดรายการที่ซ้ำออก โดยยังคงจำนวนสีและลำดับของชุดสีไว้
การคัดลอกสีจะเปลี่ยนสีฐานหรือไม่
การคัดลอกจะไม่เปลี่ยนสีฐาน ใช้เป็นฐานจะเปลี่ยนช่องป้อนเป็น HEX และล้างชุดสีก่อนหน้า จากนั้นเลือกสร้างชุดสีเพื่อสร้างใหม่
บันทึกตัวแปร CSS หรือเป็นภาพได้หรือไม่
ผลลัพธ์จำกัดอยู่ที่การคัดลอกรหัส HEX และการบันทึกเป็น palette.txt ไม่มีตัวแปร CSS หรือการส่งออกเป็นภาพ
ข้อมูลที่ป้อนและผลลัพธ์
- ข้อมูลที่ป้อน
- สีฐานในรูปแบบ HEX, RGB, HSL, HSV หรือ CMYK หรือสีที่เลือก ไม่รองรับ alpha
- รูปแบบ
- สีตรงข้าม สีใกล้เคียง แบบสามเฉด หรือสีตรงข้ามแบบแยก
- ผลลัพธ์
- รหัส HEX สองหรือสามรายการ คัดลอกหรือบันทึกเป็น palette.txt โดยหนึ่งบรรทัดต่อหนึ่งรหัสตามลำดับการแสดงผล