โดยปกติแล้ว สีที่จะใช้กับเว็บไซต์หรือแอปมักจะกำหนดไว้ล่วงหน้าแล้วนำมาใช้
การกำหนดชุดสีที่มีความสว่างและความอิ่มสีเท่ากัน แต่ต่างกันเฉพาะเฉดสี (Hue) นั้นไม่ใช่เรื่องยาก
แต่ในกรณีที่ ต้องการความสว่างหลายระดับ โดยที่ความอิ่มสีและเฉดสียังคงเดิม เช่น ตัวอักษรที่ค่อย ๆ จางลง (สว่างขึ้น) หรือพื้นหลังที่ค่อย ๆ เข้มขึ้น (มืดลง) เรื่องจะซับซ้อนขึ้น
ในกรณีนี้ ตัวอักษร พื้นหลัง และเส้นขอบต้องถูกกำหนดด้วยระดับความสว่างที่ต่างกัน หากถือว่า 100% คือค่าความสว่างสูงสุด กล่องที่มีสีพื้นหลังสว่าง 96% บนพื้นสีขาวยังพอมองออก แต่ถ้านำความสว่าง 96% ไปใช้กับสีตัวอักษรจะมองไม่เห็น
ยิ่งไปกว่านั้น ตัวอักษร พื้นหลัง และเส้นขอบไม่ได้ถูกใช้แยกจากกัน แต่ถูกใช้ร่วมกันเป็นชุด เมื่อลองประกาศสีแต่ละส่วนแล้วนำมาจับคู่กัน อาจเกิดกรณีที่ตัวอักษรมองไม่เห็นบนพื้นหลัง หรือพื้นหลังกับเส้นขอบแยกไม่ออก ซึ่งการปรับให้ลงตัวนั้นไม่ง่ายเลย
หากกำหนดระดับความสว่างอย่างละ 4 ระดับสำหรับตัวอักษร พื้นหลัง และเส้นขอบ จะเกิดชุดค่าผสมมากถึง 64 แบบ และถ้าต้องคำนึงถึงโหมดมืดด้วย ก็ต้องทำชุด 64 แบบนี้ขึ้นมา 2 ชุด
ดังนั้นผมจึงสร้างเครื่องมือ CLI ที่สามารถกำหนดสีและระดับความสว่างของตัวอักษร พื้นหลัง และเส้นขอบได้ พร้อมทั้งดูทุกชุดค่าผสมได้ในหน้าจอเดียว
มันสร้างโค้ดสี CSS จากไฟล์ตั้งค่ารูปแบบ YAML
และยังมีฟีเจอร์พรีวิวที่แสดงทุกระดับของตัวอักษร พื้นหลัง และเส้นขอบในโหมดสว่าง/มืดให้เห็นได้ในครั้งเดียว พร้อมทดลองจับคู่ได้ด้วย
นอกจากนี้ โปรแกรมนี้ยังพัฒนาแบบจับคู่เขียนโปรแกรมกับ AI โดยใช้ local LLM ผมเป็นคนสั่งว่าจะให้โค้ดทำงานอย่างไร แล้วให้ AI ทำงานเขียนโค้ดเชิงแรงงานแทน
สภาพแวดล้อม local LLM มีดังนี้
- CPU: Apple M3 Max 64GB
- โมเดลหลักที่ใช้เขียนโค้ด: Qwen3.6-35B-A3B
- โมเดลควอนไทซ์ที่ใช้งานจริง: Qwen3.6-35B-A3B-oQ4e-fp16-mtp
- ตัวรัน LLM หลัก: oMLX
- เอเจนต์เขียนโค้ด: Pi Coding Agent
ยังไม่มีความคิดเห็น