แจก! 16 เว็บไซต์ ตัวช่วยเลือกคู่สี พาเลทสวย ๆ

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

  1. Design Seeds
    https://www.design-seeds.com/
    เว็บไซต์นี้จะช่วยแนะนำสีจากการอ้างอิงจากรูปภาพ โดยมีให้เลือกหลายหมวดหมู่ เช่น ฤดูกาล จากธรรมชาติ จากสถานที่ต่าง ๆ ทั้งทะเล ภูเขา เหมาะสำหรับงานออกแบบตามเทศกาลและวันสำคัญต่าง ๆ
  2. Coolors
    https://coolors.co/
    รวมพาเลตสีคุณภาพ ที่สามารถใช้งานได้บน Adobe และ Google Chrome ได้ และมีสีแบบ gradient แนะนำ รวมถึงตัวช่วยในการเช็ค contrast checker ทำให้เราออกแบบงานได้คมชัด สีสันสดใสมากยิ่งขึ้น
  3. Colorhunt
    https://colorhunt.co/
    Color palettes ที่ช่วยดึงคู่สีแบบต่าง ๆ ให้เราใช้งานได้ทันที เพียงเลือกหมวด Trending ก็จะแสดงชุดสียอดนิยมประจำสัปดาห์ที่กำลังมา สามารถตามไปใช้งานแบบไม่ตกเทรนด์อย่างแน่นอน
  4. Paletton
    https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
    เว็บที่ช่วยเลือกชุดสีจากทฤษฎีสีชนิดต่าง ๆ เช่น สีคู่ตรงข้าม สีที่ใกล้เคียง สีแบบ Triad นอกจากนี้ ยังมีระบบสุ่มเลือกสีแบบ Random เพื่อแนะนำสีหลายเฉดสีในหมวดหมู่เดียวกัน
  1. CSS gradients
    https://cssgradient.io/
    เว็บไซต์ช่วยวางแผนการไล่สีแบบ Gradients
  2. FlatUIColors
    https://flatuicolors.com/
    ชุดสีแบบสไตล์แฟลต นุ่มนวล สดใส สำหรับคนที่ไม่ชอบการไล่สี ชอบสีแบน ๆ เว็บไซต์นี้ตอบโจทย์
  3. Color-hex
    https://www.color-hex.com/color/9b59b6
    แสดงสีแบบไล่สี ทั้งแบบ Shade และแบบ Tints พร้อมโค้ดสี อีกทั้งยังช่วยแนะนำสีที่ใกล้เคียง หรือ ชุดสีที่เหมาะสม และแนะนำพาเลท เหมาะสำหรับงานสไตล์ monochrome
  4. Gradient Hunt
    https://gradienthunt.com/
    เว็บที่มีระบบ Popular และการไล่สีแบบ Radial คือ การไล่สีจากจุดศูนย์กลาง สีแบบ radial จึงมีความนุ่มนวลเหมือนสายรุ้งที่สวยงามแปลกตา
  1. Egg gradient
    https://www.eggradients.com/
    ความพิเศษของเว็บไซต์นี้คือ ทุกอย่างจะเป็นรูปไข่ หน้าตาน่ารัก
  2. WebGradients
    https://webgradients.com/
    เว็บไล่สีที่มีหลากหลายแบบ ทั้งแบบนุ่มนวลและสีสันโดดเด่นสะดุดตา
  3. Colour Lovers
    https://www.colourlovers.com/
    เว็บไซต์สำหรับการไล่เฉดสีและเลือกเฉดสีที่มีมานานมาก มีคู่มือคู่สีสำหรับดีไซน์เนอร์ ที่มีพาเลตสีที่เยอะมาก สามารถนำไปใช้งานได้ทั้งงานดิจิตัล งานออกแบบตกแต่งภายใน งานทำแพทเทิร์น และงานอื่น ๆ อีกมากมาย
  4. Image color picker
    https://imagecolorpicker.com/
    เว็บที่ช่วยตามหาสีจากรูปภาพ เพียงอัพโหลดรูปที่ต้องการใช้งานลงไป เว็บก็จะช่วยคำนวนค่าสีออกมาเป็น palette สีที่สวยงาม ช่วยทำให้งานคุมโทน
  1. BrandColors
    https://brandcolors.net/
    เว็บไซต์ที่ดึงสีหลัก ๆ จากแบรนด์ชื่อดังต่าง ๆ ทั่วโลกมาให้ดูเป็นตัวอย่าง โดยสามารถเลือกดูแบรนด์ที่มีสีหลักใกล้เคียงกับงานของเราเพื่อเป็นไอเดียในการออกแบบได้
  2. Dribbble
    https://dribbble.com/
    เว็บไซต์ที่รวบรวมงานออกแบบล้ำ ๆ จากดีไซน์เนอร์ทั่วโลก เพียงกดเข้าไปดูงาน จะมีพาเลตสีตัวอย่างให้เรายืมนำไปใช้งานได้ แถมยังมีหลากหลายสไตล์ให้เลือก และมีปุ่มให้ดาวน์โหลดชุดสีอีกด้วย
  3. uiGradients
    https://uigradients.com/#Argon
    ถ้าชอบการทำ Gradient ต้องไม่พลาดเว็บนี้ เพราะมีทั้ง Hex code และ CSS ที่ไล่สีมาให้พร้อม สามารถนำไปใช้งานได้ทันที
  4. Bootflat
    http://bootflat.github.io/color-picker
    เว็บไซต์สำหรับคนชอบสีสไตล์ Flat สีเรียบ ๆ นุ่มละมุน ไล่สีได้สวยงาม

Similar Posts

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น