รวม 10 เว็บไซต์เครื่องมือช่วยเลือกสีเว็บ + 4 เว็บไซต์สำหรับงานดีไซน์

“สี” เป็นเรื่องสำคัญเรื่องหนึ่งของการดีไซน์ร้านค้าออนไลน์ เพราะสีช่วยสื่ออารมณ์ ทั้งยังช่วยให้เกิดการจดจำแบรนด์ได้ดี แต่จะใช้สีไหนดี เรามีเครื่องมือสำหรับช่วยลดเวลา และเพิ่ม Inspiration ในการเลือกสีให้เว็บสวยมาฝากกันค่ะ พร้อมแล้วตามมาเลย

10 เว็บไซต์ช่วยเลือกสีเว็บ ให้สวยเก๋กว่าใคร

1. Dribbble เว็บโซเชียลเน็ตเวิร์กของคนรักงานดีไซน์ จุดเด่นของเว็บนี้ คือนอกจากจะรวบรวมผลงานการดีไซน์แบบต่าง ๆ และโชว์แพทเทิร์นสีให้เราแล้ว ยังมีหน้าที่รวมงานดีไซน์แยกตามโทนสีให้เราได้ชมกัน เรียกว่าถ้าชอบสีไหน แล้วไม่รู้ว่าจะดีไซน์ออกมายังไง ก็คลิกเข้าไปหา Inspiration กันก่อนได้เลย

เว็บช่วยเลือกสีเว็บ

เว็บไซต์ Dribble ซึ่งได้ชื่อว่าเป็นโซเชียลเน็ตเวิร์กของคนรักงานดีไซน์

2. Colourlovers เว็บนี้รวมแพทเทิร์นสีสวยไว้เพียบ ไม่เพียงแต่สีสำหรับการสร้างเว็บไซต์ แต่ยังรวมถึงแพทเทิร์นสีสำหรับงานดีไซน์อื่น ๆ ให้เลือกใช้เต็มไปหมดเลย เป็นตัวช่วยเลือกสีเว็บที่ดีเว็บนึงเลยค่ะ

3. Canva ตัวช่วยแต่งรูปสำหรับการขายของออนไลน์แบบง่าย ๆ อีกเว็บค่ะ เว็บนี้มีระบบให้เราเข้าไปสร้างผลงานดีไซน์เก๋ ๆ , มี โปรแกรม Photo Editor ที่ให้ปรับแต่งรูปแบบง่าย ๆ บนเว็บไซต์,แถมด้วย Color palette generator ที่ให้เราอัพภาพเข้าไป แล้วระบบจะบอกเราเลยว่าภาพนั้นมี palette สียังไงบ้าง เรียกว่าเข้าเว็บเดียว ได้เว็บสวยมาเลยล่ะ

เว็บช่วย เลือกสีเว็บ

 Canva เว็บสำหรับการสร้างภาพกราฟฟิคดีไซน์สวยแบบง่าย ๆ

4. Colorspire ได้สีถูกใจ แต่ไม่รู้ว่าแต่งออกมาแล้วจะสวยแค่ไหน มาลองปรับแต่งสีของเว็บไซต์ร้านค้าของคุณได้ง่าย ๆ ที่นี่เลยค่ะ

5. Colorcombos เว็บไซต์นี้เหมือนกับเป็น Color Library ก็ว่าได้ค่ะ มีทั้งแพทเทิร์นสีให้เลือกใช้ แถมยังสามารถสร้างผลงานง่าย ๆ พร้อมปรับสีได้บนเว็บด้วยนะ

6. Color.adobe.com ตัวช่วยงานดีไซน์จาก Adobe นั่นเองค่ะ เว็บไซต์นี้ทำได้ตั้งแต่เลือกรูปแบบสี ดูคู่สี/สีตรงกันข้าม หรือกระทั่งอัพโหลดภาพเข้าไป แล้วให้ระบบดูดสีออกมาให้ แล้วยังบอก Color Mood อีกด้วยนะ

ตัวอย่างการทำงานของ Adobe Color CC ในการดูดสีจากภาพ พร้อมเลือกดู Color Mood ได้ด้วย

7. Colorsontheweb ชอบสีนี้แต่ไม่รู้โค้ดสี แถมจะเอาไปจับคู่กับสีไหนดีนะ เว็บนี้เขามีเครื่องมือที่ช่วยเลือก และจัดเซ็ตสีให้ค่ะ

9. Flatuicolors ใครที่ชอบงาน Flat Design แล้วไม่รู้จะเลือกใช้สียังไง เว็บนี้ช่วยคุณได้ค่ะ

10. Materialuicolors เว็บนี้จะคล้าย ๆ กับ Flatuicolors แต่เป็นการให้เลือกสีที่เป็น Material Design

—————————–

หลังจากอัพเดทบล็อกนี้ไป ก็มีเพื่อนใจดี แวะมาแนะนำเว็บเก๋ ๆ ที่ช่วยให้งานดีไซน์ง่ายขึ้นมา Sayreya เลยขอรวบรวมมาไว้ที่นี่ด้วยเลยนะคะ

11. Colorsupplyyy เว็บนี้เหมาะกับวัยรุ่นใจร้อนที่สุด ถ้าคุณมีสีในใจแล้วอยากชุดสี หรือคู่สีไปทำงานดีไซน์แบบเร็ว ๆ แนะนำเว็บนี้เลยค่ะ เข้าไปลองมาแล้วบอกเลยว่าแจ่ม

12. Palettegenerator สำหรับเว็บนี้ ก็เพียงอัพโหลดภาพเข้าไป แล้วเว็บก็จะประมมลผลออกมาเป็น Palette สีให้ ที่เจ๋งคืออยากได้ละเอียดแค่ไหน หรือเอาแค่โทนสีหลัก ๆ ก็เลือกได้ตามชอบเลย

13. Paletton เว็บนี้ก็เป็นอีกเว็บที่ใช้เลือกสีมาเป็น Palette ได้เลยค่ะ จะเอาแบบ Triad, Tetrad, Adjacent, Monochromatic หรือ เลือกเองแบบ Free Style ก็ทำได้ในไม่กี่คลิก :D

14. Designwizard  เว็บสุดท้ายเว็บนี้สมชื่อเว็บ Design Wizard เลยค่ะ ใช้สร้างงานดีไซน์ได้ง่ายมาก ๆ ที่สำคัญใช้สร้าง VDO ได้อีกด้วย

 

MeMaytapriya

มนุษย์ออนไลน์ ที่ชอบตามติดทุกการเปลี่ยนแปลงบนโลกดิจิทัล และยังขายของออนไลน์อีกด้วย #MeMaytapriya #Lnw #LnwShop #YWC #TWA

สวัสดีค่ะ Lnw Blog ขออนุญาตเก็บ Cookie ของคุณนะคะ Cookie ที่เราเก็บมีไว้เพื่อการพัฒนาปรับปรุงบทความต่าง ๆ ในบล็อกของเรา เพื่อให้เป็นบล็อกที่ตรงกับความต้องการของคุณมากขึ้น รวมถึงเราจะมีการใช้เพื่อทำการตลาดในการนำเสนอเนื้อหาที่คุณน่าจะสนใจให้กับคุณ หากคุณอยากให้เรานำเสนอข้อมูลที่ถูกใจคุณ รบกวนกด "ยินยอม" ให้เราได้เก็บข้อมูลด้วยนะคะ ทาง Lnw Blog ต้องขอบคุณที่คุณอนุญาตให้เราเก็บ Cookie ด้วยค่ะ แต่หากคุณไม่ต้องการให้เราเก็บข้อมูลก็สามารถเปลี่ยนแปลงได้ที่ ตั้งค่า นะคะ และคุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว ค่ะ

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็นค่ะ

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • Google Analytics

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

  • Google Tag Manager

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

  • Facebook Pixel

    คุ้กกี้นี้จะเก็บข้อมูลการใช้งานเว็บไซต์ของคุณ เพื่อประโยชน์ในการวัดผล ปรับปรุง พัฒนาเว็บไซต์ และเก็บข้อมูลเพื่อการโฆษณา หากคุณไม่ยินยอมให้เราใช้คุ้กกี้นี้เราจะไม่สามารถวัดผล ปรับปรุงเว็บไซต์ รวมถึงการปรับปรุงพัฒนาโฆษณาของเราได้

บันทึก