การสร้างโทนสี วงกลมสี. การตั้งค่าจุดสี

พวกเราใส่จิตวิญญาณของเราเข้าไปในไซต์ ขอบคุณสำหรับสิ่งนั้น
ว่าคุณกำลังค้นพบความงามนี้ ขอบคุณสำหรับแรงบันดาลใจและความขนลุก
เข้าร่วมกับเราบน เฟสบุ๊คและ ติดต่อกับ

โครงการที่ 1 การรวมกันเสริม

สีเสริมหรือสีตัดกันคือสีที่อยู่ด้านตรงข้ามของวงล้อสี Itten การผสมผสานของพวกเขาดูมีชีวิตชีวาและมีพลังมาก โดยเฉพาะอย่างยิ่งเมื่อมีความอิ่มตัวของสีสูงสุด

โครงการที่ 2 Triad - การรวมกันของ 3 สี

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

จำนวนโครงการที่ 3 ชุดค่าผสมที่คล้ายกัน

การผสมสี 2 ถึง 5 สีที่อยู่ติดกันในวงล้อสี (ควรเป็น 2-3 สี) ความประทับใจ : สงบ เชิญชวน ตัวอย่างการผสมสีที่ไม่ออกเสียงที่คล้ายกัน: เหลือง-ส้ม, เหลือง, เหลือง-เขียว, เขียว, น้ำเงิน-เขียว

โครงการที่ 4 การรวมกันแบบแยกส่วนเสริม

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

จำนวนโครงการที่ 5 Tetrad - การรวมกันของ 4 สี

โทนสีที่สีหนึ่งเป็นสีหลัก สองสีตรงข้ามกัน และอีกสีหนึ่งเน้นสำเนียง ตัวอย่าง: น้ำเงินเขียว น้ำเงินม่วง แดงส้ม เหลืองส้ม

โครงการที่ 6 สี่เหลี่ยม

การรวมกันของสีแต่ละสี

• สีขาว : เข้ากับทุกสิ่ง การผสมผสานที่ลงตัวที่สุดกับสีน้ำเงิน สีแดง และสีดำ
• สีเบจ: มีสีน้ำเงิน, สีน้ำตาล, มรกต, ดำ, แดง, ขาว
• สีเทา: มีบานเย็น, แดง, ม่วง, ชมพู, น้ำเงิน
• สีชมพู: มีสีน้ำตาล สีขาว เขียวมิ้นต์ มะกอก เทา เทอร์ควอยซ์ และเบบี้บลู
• สีบานเย็น (ชมพูเข้ม): มีสีเทา สีแทน มะนาว เขียวมิ้นต์ สีน้ำตาล
• สีแดง: มีสีเหลือง สีขาว สีน้ำตาล สีเขียว สีน้ำเงิน และสีดำ
• มะเขือเทศแดง: น้ำเงิน, เขียวมิ้นต์, ทราย, ขาวครีม, เทา
• สีแดงเชอร์รี่: ฟ้า, เทา, ส้มอ่อน, ทราย, เหลืองอ่อน, สีเบจ
• สีแดงราสเบอร์รี่: สีขาว, สีดำ, สีกุหลาบดามาสค์
• สีน้ำตาล: ฟ้าสดใส, ครีม, ชมพู, กวาง, เขียว, เบจ
• สีน้ำตาลอ่อน: เหลืองอ่อน, ขาวครีม, น้ำเงิน, เขียว, ม่วง, แดง
• สีน้ำตาลเข้ม: เหลืองมะนาว น้ำเงิน เขียวมิ้นท์ ม่วงชมพู มะนาว
• สีแทน: ชมพู, น้ำตาลเข้ม, น้ำเงิน, เขียว, ม่วง
• สีส้ม: ฟ้า, น้ำเงิน, ม่วง, ม่วง, ขาว, ดำ
• สีส้มอ่อน: เทา, น้ำตาล, มะกอก
• ส้มเข้ม: เหลืองอ่อน, มะกอก, น้ำตาล, เชอร์รี่
• สีเหลือง: ฟ้า, ม่วง, ฟ้าอ่อน, ม่วง, เทา, ดำ
• เหลืองมะนาว: แดงเชอร์รี่, น้ำตาล, น้ำเงิน, เทา
• สีเหลืองอ่อน: บานเย็น, เทา, น้ำตาล, เฉดสีแดง, สีแทน, น้ำเงิน, ม่วง
• สีเหลืองทอง: เทา, น้ำตาล, ฟ้า, แดง, ดำ
• มะกอก: ส้ม, น้ำตาลอ่อน, น้ำตาล
• เขียว: น้ำตาลทอง, ส้ม, เขียวอ่อน, เหลือง, น้ำตาล, เทา, ครีม, ดำ, ขาวครีม
• สีสลัด: น้ำตาล, น้ำตาลแทน, กวาง, เทา, น้ำเงินเข้ม, แดง, เทา
• เทอร์ควอยซ์: บานเย็น, แดงเชอร์รี่, เหลือง, น้ำตาล, ครีม, ม่วงเข้ม
• สีน้ำเงินไฟฟ้าจะสวยงามเมื่อจับคู่กับสีเหลืองทอง สีน้ำตาล สีน้ำตาลอ่อน สีเทา หรือสีเงิน
• น้ำเงิน: แดง, เทา, น้ำตาล, ส้ม, ชมพู, ขาว, เหลือง
• น้ำเงินเข้ม: ม่วงอ่อน, ฟ้าอ่อน, เขียวเหลือง, น้ำตาล, เทา, เหลืองอ่อน, ส้ม, เขียว, แดง, ขาว
• ไลแลค: ส้ม, ชมพู, ม่วงเข้ม, มะกอก, เทา, เหลือง, ขาว
• ม่วงเข้ม: น้ำตาลทอง, เหลืองอ่อน, เทา, เทอร์ควอยซ์, เขียวมิ้นต์, ส้มอ่อน
• สีดำเป็นสากล สง่างาม ดูในทุกการผสม เหมาะที่สุดกับสีส้ม ชมพู เขียวอ่อน ขาว แดง ม่วงหรือเหลือง

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

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

ดังนั้น เพื่อให้กระบวนการเลือกสีง่ายขึ้น เราได้รวบรวมเครื่องมือที่ดีที่สุด 20 รายการไว้ พวกเขาจะช่วยให้คุณไม่สับสนในการค้นหาตัวเลือกที่เหมาะสมและรู้สึกถึง "ความสุขของสีสัน"

01. คูลเลอร์

Kuler อาจเป็นเครื่องมือที่มีชื่อเสียงที่สุดในการทำงานกับสี

Adobe Kuler อาจเป็นเครื่องมือธีมสีออนไลน์ที่ได้รับความนิยมมากที่สุด โดยพัฒนาจากเครื่องมือสีออนไลน์ธรรมดาๆ มาเป็นทรัพยากรที่ครบครันซึ่งคุณสามารถสร้างธีมและแชร์กับผู้อื่นได้ ปลั๊กอินพร้อมใช้งานสำหรับแอปพลิเคชัน Adobe ที่สำคัญทั้งหมด รวมถึง Photoshop, Illustrator และ InDesign ทำให้ Kuler เป็นเครื่องมือที่มีฟีเจอร์มากมายสำหรับผู้ใช้ Creative Suite ทั่วไป

02.สีExplorer

ColorExplorer สามารถทำหน้าที่ต่างๆ มากมาย

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

03. สีบนเว็บ

สีบนเว็บเป็นแบบแฟลช

สีบนเว็บจะโหลดสีทึบในโค้ด HEX หรือ RGB และสร้างชุดโครงร่างตามสัดส่วนทางคณิตศาสตร์ที่แตกต่างกัน เครื่องมือนี้ใช้ไม่ได้กับ iPad หรือ iPhone เนื่องจากใช้ Flash ในการรันโปรแกรม

04. คนรักสี

COLOURlovers ชวนให้นึกถึง Pinterest เล็กน้อยในเรื่องสี

05. งดงาม

Pictaculous ช่วยให้คุณสามารถอัปโหลดภาพและสร้างโทนสีตามภาพนั้นได้

เครื่องมือจากผู้สร้าง MailChimp นี้ช่วยให้คุณสามารถอัปโหลดรูปภาพและสร้างโทนสีตามสีของมันได้ สามารถทำงานร่วมกับเครื่องมืออื่นๆ ได้หลายอย่าง เช่น Kuler และ Colourlovers Pictaculous มี Adobe Swatch ที่มีประโยชน์สำหรับการโหลดธีม ทำให้การ "จับภาพสี" ที่คุณต้องการเพื่อเสริมภาพถ่ายทำได้ง่ายและรวดเร็ว

06. คอนทราสต์-A

Contrast-A สร้างการจำลองข้อบกพร่องทางการมองเห็นต่างๆ

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

07. ColoRotate

ColoRotate มีการแสดงภาพ "วงล้อสี" ที่สวยงาม

ColoRotate มีคุณสมบัติคล้ายกับ Kuler แต่แตกต่างกันโดยการแสดงจานสีบนกรวย 3 มิติที่สวยงาม และความสามารถในการสร้างสีมากกว่า 5 สีในหนึ่งโครงร่าง เครื่องมือนี้สามารถรวมเข้ากับแอพพลิเคชั่น Creative Suite ที่เลือกได้ นอกจากนี้ยังมีให้บริการในรูปแบบแอป iPad และสามารถทำงานร่วมกับ Photoshop ในโหมดคอนโซลสีได้

08. เครื่องกำเนิดโครงร่างสี Hex

HEX สร้างสีที่กลมกลืนกับโทนสีที่มีอยู่ของคุณได้ดี

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

09. นักออกแบบโครงร่างสี

Color Scheme Designer มีวิธีที่น่าสนใจมากมายในการสร้างธีมสี

เครื่องมือออนไลน์นี้มีคุณสมบัติคล้ายกับ Adobe Kuler แต่ด้วยเทคนิคที่น่าสนใจในการสร้างธีมสี ทำให้คุณสามารถเลือกพารามิเตอร์ความสว่าง/ความอิ่มตัวและคอนทราสต์จากคุณสมบัติของโครงร่าง แทนที่จะต้องวุ่นวายกับสีแต่ละสีที่ประกอบเป็นธีม Color Scheme Designer ให้การเข้าถึงชุดวิธีการทางคณิตศาสตร์มาตรฐาน รวมถึงความสามารถในการเลือกโทนสีของการออกแบบอย่างกลมกลืน (โมโน), สอง (เสริม), สาม (สาม)หรือสี่ (เตตราด)สีที่มีเฉดสีและฮาล์ฟโทน

10. โคปาโซ่

COPASO เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการแก้ปัญหาหลายอย่างพร้อมกัน

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

11. โหมดสี

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

Colourmod เป็นเครื่องมือเดสก์ท็อปที่ทำให้ง่ายต่อการเลือกสีใดสีหนึ่งในพื้นที่วิดเจ็ต แม้ว่าคุณจะทำงานกับ Dashboard สำหรับ MacBook หรือใช้ Konfabulator สำหรับ Windows ก็ตาม Colourmod ในตัวมันเองไม่ใช่เครื่องมือเลือกจานสี แต่ถึงกระนั้นก็สามารถใช้เพื่อเลือกและกำหนดสีได้ ในกรณีนี้คุณไม่จำเป็นต้องรันโปรแกรมอื่นที่หนักกว่านี้

12. คัลเลอร์ซิลล่า

ColorZilla ทำงานได้ใน Chrome และ Firefox

เดิมแอปพลิเคชันนี้ได้รับการพัฒนาเป็นปลั๊กอินสำหรับ Firefox แต่ก็สามารถใช้ในเบราว์เซอร์ Google Chrome ได้เช่นกัน ColorZilla เป็นส่วนขยายที่มีเครื่องมือมากมายสำหรับการทำงานกับสี รวมถึง: เครื่องมือเลือกสี, เครื่องมือหยดสี, เครื่องมือสร้างการไล่ระดับสี CSS และโปรแกรมดูจานสี

13. คัลเลอร์มันกิ

Colormunki ช่วยให้คุณสร้างโทนสีตามตัวอย่าง Pantone

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

14.colr.org

ด้วย Colr.org คุณสามารถดูช่วงสีของภาพของคุณได้

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

15. คัลเลอร์แกรบ

ColourGrab เป็นตัวสร้างโทนสีของภาพขนาดกะทัดรัดที่ยอดเยี่ยม

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

16.เครื่องปั่นสี

ColorBlender สร้างชุดสีห้าสีที่ทำงานร่วมกันได้ดี

ไซต์นี้เป็นเครื่องมือง่ายๆ ที่ช่วยให้คุณสร้างภาพตัวอย่าง ปรับสี และดูแบบเรียลไทม์โดยเลือกชุดสีที่เข้ากันอย่างลงตัว 5 สี สามารถโหลด Palettes ลงใน Photoshop หรือ Illustrator ได้โดยตรงในรูปแบบไฟล์ EPS

17. เกรย์บิต

GrayBit ​​​​ช่วยให้คุณวิเคราะห์เว็บไซต์เพื่อดูว่าเว็บไซต์มีลักษณะเป็นสีเทาอย่างไร

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

18. เย็น

COLRD เหมาะอย่างยิ่งสำหรับการแบ่งปันโทนสีของคุณและเรียนรู้เกี่ยวกับสีใหม่ๆ

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

19. นักล่าสี

Color Hunter เป็นเว็บไซต์ที่ดีเยี่ยมในการค้นหาสีใหม่ๆ

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

20. เครื่องกำเนิดแถบ 2.0

Stripe Generator 2.0 ช่วยให้คุณดึงดูดความสนใจไปที่โทนสีของคุณ

มักเรียกกันว่า "เครื่องมือขั้นสูงสุดสำหรับ web2.0" Stripe Generator 2.0 เป็นเครื่องมือที่ดีสำหรับการสร้างการผสมสีที่สวยงามและภาพที่แปลกตาในเวลาเดียวกัน

โปรแกรมการเลือกสีขนาดเล็ก มีสไตล์ และประณีตสำหรับการออกแบบหน้า HTML และงานอื่น ๆ ที่ต้องเลือกสีที่ตรงกัน

มาดูกันว่าโปรแกรมนี้ทำอะไรได้บ้าง

การตั้งค่าจุดสี

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

การทำงานกับโปรแกรม

คลิกที่ไอคอนนี้และหน้าต่างโปรแกรมจะเปิดต่อหน้าเรา:

หน้าจอ

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

หากคุณคลิกที่ส่วนใดๆ ในหน้าต่างนี้ ส่วนนั้นจะปรากฏในหน้าต่างเล็กถัดไป “เลือกสี” ที่นี่คุณสามารถเล็งได้แม่นยำยิ่งขึ้นและรับสีจากจุดเฉพาะ

นอกจากนี้ทางด้านขวาของหน้าต่างนี้จะมีปุ่มเสริมสำหรับการคัดลอกไปยังคลิปบอร์ดและที่ด้านล่างจะมีปุ่ม "รีเฟรช" (อัปเดตเนื้อหาหน้าจอ) และ "นำไปใช้" (บันทึกสีที่เลือกและสลับหน้าต่างไปที่ " แท็บการเลือก”)

การคัดเลือก

นี่คือเครื่องมือหลักสำหรับการเลือกสีที่สะดวก: "ไทล์", "วงกลม", "เว็บ" และ "วิน" ซึ่งสลับโดยใช้แท็บเพิ่มเติม

การทำงานกับเครื่องมือเหล่านี้ไม่ใช่เรื่องยาก เพียงชี้เมาส์ไปที่สีที่คุณต้องการ ปรับด้วยแถบเลื่อน RGB (หรือ HSV - หากรูปแบบนี้อยู่ใกล้คุณมากที่สุด) และดูว่าเหมาะกับคุณหรือไม่

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

นอกจากนี้ ให้สังเกตกล่องสีที่สามที่มุมขวาบน นอกจากสีที่เลือก (แถบแนวตั้ง) แล้ว ยังแสดงอีก 3 สีที่เข้ากันได้ดีกับสีที่เลือกอีกด้วย

ดังนั้นโปรแกรมจะแนะนำสีที่ตรงกันหลายสีทันทีที่สามารถใช้ในองค์ประกอบอื่น ๆ ของการออกแบบที่ออกแบบได้

โปรแกรมมีปุ่มเสริมที่แตกต่างกันค่อนข้างมาก หากต้องการทราบวัตถุประสงค์ เพียงวางเมาส์ไว้เหนือสิ่งเหล่านั้นแล้วอ่านคำแนะนำที่ปรากฏที่ด้านล่างสุดของหน้าต่างโปรแกรม

การตั้งค่า

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

เกี่ยวกับโปรแกรม

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

ข้อดีและข้อเสียของโปรแกรม

• มีเครื่องมือมากมายสำหรับการเลือกสี (วงกลม กระเบื้อง ฯลฯ );
• ช่วยให้คุณเปรียบเทียบสีได้อย่างสะดวกโดยย้ายหน้าต่างโปรแกรมใกล้กับองค์ประกอบหน้าจออื่น
• มีคำแนะนำสำหรับทุกปุ่ม

• อินเทอร์เฟซยุ่งยากเล็กน้อย
• การเปิดตัวในรูปแบบย่อเล็กสุดและบนแท็บ "หน้าจอ" ไม่สะดวกนัก (แม้ว่าคุณจะสามารถปิดการใช้งานนี้ได้ในการตั้งค่า)
• ไม่ใช่ทุกคนจะชอบสีของหน้าต่างโปรแกรม

ข้อสรุป

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

ป.ล. อนุญาตให้คัดลอกและอ้างอิงบทความนี้ได้อย่างอิสระ โดยมีเงื่อนไขว่าต้องระบุลิงก์ที่ใช้งานแบบเปิดไปยังแหล่งที่มาและผลงานของ Ruslan Bogdanov ยังคงอยู่

พี.พี.เอส. หากโปรแกรมดูซับซ้อนสำหรับคุณ มีตัวเลือกที่ง่ายกว่า:

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

1. ใช้สเกลที่รู้จัก

เว็บไซต์ brandcolors.net มีการผสมสีของแบรนด์ดังมากกว่า 500 สี Yandex, Google, Burger King ใช้จานสีเดียวกันในผลิตภัณฑ์ทั้งหมดของตน แบรนด์และสีเหล่านี้เป็นที่คุ้นเคยและเป็นที่ชื่นชอบของหลายๆ คน พิมพ์ชื่อในแถบค้นหาหรือเลื่อนดูหน้า คลิกที่แบรนด์และสีที่ต้องการ: รหัสจะถูกคัดลอกไปยังคลิปบอร์ด

2. เลือกจานสีมืออาชีพสำเร็จรูป

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

นอกจากนี้บริการนี้ยังมีสีดีไซน์เรียบให้เลือกถึง 24 สี คลิกทางด้านซ้ายใต้ชื่อ “Flat Colours” แล้วนำรหัสสำหรับเฉดสีที่คุณต้องการ

3. กำหนดจานสีของภาพถ่ายหรือภาพที่คุณชอบ

วิธีนี้ซับซ้อนกว่าเล็กน้อย แต่ยังมีประสิทธิภาพมากกว่าอีกด้วย

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

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

4. สร้างโทนสีของคุณเองทางออนไลน์

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

ในทุกสี ปุ่มไอคอน 4 ปุ่ม:

• เฉดสีทางเลือก - เฉดสี (เข้มขึ้นและจางลง)
• ลาก (เลื่อนสีไปทางขวาหรือซ้ายในจานสี)
• ปรับ (ปรับเฉดสี ความอิ่มตัวของสี ความสว่าง ฯลฯ)
• ล็อค (แก้ไขสี)

การเลือกสีเป็นหนึ่งในขั้นตอนที่สำคัญที่สุดในกระบวนการสร้างการออกแบบที่ดี

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

01. อะโดบี คัลเลอร์ ซีซี

Adobe เปลี่ยนชื่อโครงการ Kuler เป็น Color

คุณอาจคุ้นเคยกับเครื่องมือนี้ตามชื่อเดิม - Adobe Kuler อย่างไรก็ตาม Adobe เพิ่งเปลี่ยนชื่อหนึ่งในเว็บแอปพลิเคชันยอดนิยมเป็น Adobe Color CC

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

02. ทรงกลมสี Mudcube

หากคุณไม่แน่ใจเกี่ยวกับโทนสีของคุณ Mudcude มีแกลเลอรีเนื้อหาสำเร็จรูปของตัวเอง

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

03. ตรวจสอบสีของฉัน

Check my Colours ได้รับการออกแบบมาโดยเฉพาะเพื่อประเมินและเลือกการผสมสีพื้นหลังและพื้นหน้าสำหรับองค์ประกอบ DOM ทั้งหมด และเพื่อค้นหาว่าองค์ประกอบต่างๆ มีความสอดคล้องกันเพียงพอหรือไม่ การทดสอบทั้งหมดขึ้นอยู่กับอัลกอริธึมที่แนะนำโดย World Wide Web Consortium ( W3C).

04. แอปสี

แอปพลิเคชั่นจะช่วยคุณค้นหาค่า RGB, HEX และ HSLA ของสีที่เลือก

เครื่องมือ iOS แอพ Colorจะช่วยให้คุณสามารถกำหนดสีได้อย่างง่ายดายและง่ายดายโดยใช้จานสีขนาดใหญ่ ช่วยให้คุณค้นหาค่าสี RGB, HEX และ HSLA รวมถึงสร้างโทนสีของคุณเองสำหรับไซต์

05. นักล่าสี

Color Hunter สร้างโทนสีตามรูปภาพที่เลือก

นี่เป็นเครื่องมือที่สะดวกมาก โดยเฉพาะอย่างยิ่งถ้าคุณต้องการค้นหาสีเฉพาะ เลือกรูปภาพและอัปโหลดไปที่ Color Hunter เครื่องมือจะสร้างจานสีตามรูปภาพที่เลือก นี่เป็นวิธีที่ดีเยี่ยมในการสร้างโทนสีของคุณเอง

06.ตินอาย

หากคุณต้องการสีเฉพาะเจาะจง เพียงป้อนค่า HEX ใน URL

ไซต์นี้ใช้ฐานข้อมูล 10 ล้านภาพ ซึ่งให้บริการฟรีภายใต้ใบอนุญาต Creative Commons ซึ่งผู้สร้างได้รวบรวมอย่างระมัดระวังจาก Flickr สามารถใช้เพื่อสร้างโทนสีที่เหมาะสมได้

07. สี

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

08. SpyColor.com

เครื่องกำเนิดโทนสีฟรีที่ให้ข้อมูลสีและยังช่วยให้คุณสามารถแปลงเป็นรูปแบบใดก็ได้ ( RGB, สีซีเอ็มวายเคและคนอื่น ๆ ). มีรูปแบบชุดสีที่หลากหลาย รวมถึงกระบวนการ ขาวดำ และอื่นๆ อีกมากมาย

09.แรงบันดาลใจในการออกแบบ

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

10.นักสำรวจสี

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

11. เครื่องกำเนิดโครงร่างสี Hex

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

12. คนรักสี

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

13. ผู้ออกแบบโครงร่างสี

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

14. โคปาโซ

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

15. โหมดสี

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

16. คัลเลอร์ซิลล่า

ColorZilla สามารถใช้ได้ทั้ง Chrome และ Firefox

โปรเจ็กต์นี้เริ่มต้นจากปลั๊กอินสำหรับ Firefox แต่ปัจจุบันสามารถใช้งานได้กับ Google Chrome เช่นกัน ColorZilla เป็นส่วนขยายที่มีเครื่องมือหลายอย่างที่ออกแบบมาเพื่อทำงานกับสี รวมถึงจานสี เครื่องมือสร้างการไล่ระดับสี CSS และเครื่องมือหยดสี

17. คัลเลอร์มันกิ

เครื่องมือออนไลน์ที่สะดวกสำหรับการเลือกโทนสีจากผู้สร้าง Colormunki ช่วยให้คุณสร้างจานสีที่สะดุดตาได้อย่างง่ายดายจากตัวอย่างสี Pantone โดยใช้เทคนิคที่หลากหลาย

18.colr.org

Colr.org ให้คุณกำหนดช่วงสีของรูปภาพใดก็ได้

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

19. คัลเลอร์แกรบ

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

20.เครื่องปั่นสี

ColorBlender สร้างจานสีที่ตรงกันห้าสี

หนึ่งในเครื่องมือที่ง่ายที่สุดที่ให้คุณปรับแต่งสีและรับห้าสีที่รวมเข้าด้วยกันแบบเรียลไทม์ สามารถดาวน์โหลดพาเล็ตที่สร้างขึ้นได้ใน Photoshop หรือ Illustrator ในรูปแบบไฟล์ EPS

21. เกรย์บิต

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

เครื่องมือนี้จะช่วยให้คุณเห็นว่าเว็บไซต์ของคุณมีลักษณะเป็นโทนสีเทาอย่างไร การบริการที่เป็นเลิศซึ่งจะช่วยระบุส่วนที่เป็นปัญหาในทางตรงกันข้าม

22. โคโลราโด

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

23. สเปกตรัมของ Shutterstock

ภาพสามารถกรองได้ตามความสมดุลของสีและความสว่าง

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