3 เว็บไซต์ที่ทำให้ Dev ไม่ต้องกังวลเรื่องสี
![3-websites-that-help-developers-dont-worry-about-color](/content/images/size/w960/2021/09/3-websites-that-help-developers-dont-worry-about-color.jpg)
ผมเชื่อว่า dev หลายๆ คนน่าจะติดเรื่องการคิดโทนสีของแอปพลิเคชันที่เราจะทำขึ้นมา สำหรับผมต้องยอมรับว่าเรื่องสีเป็นเรื่องที่อ่อนโครต การคิดว่าแอปพลิเคชันที่จะทำขึ้นมานั้นปุ่มต้องสีอะไร เมนูต้องสีอะไรมันถึงจะเข้ากัน พื้นหลังสีอะไร เป็นเรื่องที่ปวดหัวสุดๆ
ดังนั้นผมจึงต้องหาตัวช่วยมาจัดการเรื่องการเลือกสีพวกนี้ให้ได้ โดยผมขอแนะนำสามเว็บที่ผมใช้บ่อยสุดๆ เลยคือ
Happy hues
![](https://assets.website-files.com/5dd40aa8049df8748c72d0ee/5ddd471cbe5e6601554a2a4d_happy-hues.jpeg)
เป็นเว็บที่มีชุดสีมาให้เลือกเลย แล้ววางให้ดูเป็นตัวอย่างด้วยว่า สีไหนควรใช้กับส่วนไหนของเว็บ และมี code สีให้พร้อม ผมยกให้เป็นเว็บอันดับหนึ่งในดวงใจเลย ข้อเสียคือชุดสียังน้อยไป
Paletton
![](https://paletton.com/img/wheel-over.png)
โดยปกติสีปุ่ม หรือสีลิงค์จะมีเป็นแบบเข้มและอ่อน ซึ่งพอผมเลือกสีจาก Happy hues มาแล้ว ผมก็จะเอามาใส่ในเว็บนี้ เพื่อดูว่าสีทีเลือกมา เวลามันเข้มขึ้น หรืออ่อนลงควรใช้สีอะไร ทำให้เราไม่ต้องมาคิดว่า สีปุ่มนี้เวลา hover มันควรอ่อนลงด้วยค่าสีอะไร
Flat ui colors 2
![](https://flatuicolors.com/static/facebook-share.png)
base text color, warning color, alert color, succes color และสีในบริบทอื่นๆ หากคิดไม่ออกผมก็จิ้มเลือกจากในนี้เลยครับ ชุดสีในนี้จะทำให้สีภายในเว็บโดยรวมออกมาดูเข้ากันอย่างมาก
สรุป
ในการพัฒนาแอปพลิเคชันช่วงแรกๆ เราควรเน้นที่ features การใช้งานเป็นหลักไปก่อน ว่ามันทำงานได้ตามที่เราต้องการไหม เรื่องสีให้เป็นรองไป ดังนั้นผมเลยไม่ค่อยอยากเสียเวลากับเรื่องสีมาก ซึ่งสุดท้ายแล้วถ้า features มันออกมาครบ แล้วก็ใช้สีพื้นๆ ไปก่อน สุดท้ายเราค่อยไปให้ designer เขาดูเรื่องสีแทนเราอีกที
ซึ่งเว็บพวกนี้มันทำให้แอปพลิเคชันของเรา สีโดยภาพรวมมันออกมาดูดีได้โดยไม่ต้องพึ่ง designer เลย ทำให้เรามีเวลาไปโฟกัสเรื่องระบบได้มากขึ้น...
Comments ()