มีทรัพยากรหรือเครื่องมือที่ดีที่จะช่วยสร้างชุดรูปแบบสี / สีรอบ ๆ สีที่ฉันเลือก?


65

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

มีทรัพยากรที่ดีที่จะช่วยให้ฉันเลือกชุดสีที่มี 2 หรือ 3 สีและสีไม่ขัดแย้งกันหรือไม่

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


2
คุณได้ลอง Agave ที่มีอยู่ในที่เก็บ Debian / Ubuntu หรือไม่? ฉันใช้มันตลอดเวลา
ixtmixilix

คำตอบ:


50

เครื่องมือที่มีประโยชน์อย่างหนึ่งคือPaletton (รู้จักกันในชื่อ Color Scheme Designer):

คุณระบุสีเริ่มต้นและรูปแบบสีและมันจะสร้างจานสีให้คุณและอนุญาตให้คุณแก้ไขจานสีนั้น

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


มีคนอื่นอีกมากมายที่ฉันชอบดีกว่า Paletton
Zach Saucier

24

คุณต้องอ่านหนังสือเกี่ยวกับทฤษฎีสีที่ดีเพื่อให้เข้าใจหลักการทั่วไปอย่างน้อยเช่นสิ่งที่เป็นสีหลักและสีรองสีเสริม ฯลฯ .. มิฉะนั้นคุณจะไม่ได้รับความสำคัญของตัวเลือกจานสีที่คุณจะทำ .

ในเว็บที่ฉันชอบในตอนนี้คือKuler of Adobeและฉันเคยใช้http://colorschemedesigner.com/ ที่กล่าวถึงไปแล้ว

ฉันขอแนะนำให้อ่านอย่างรวดเร็วเกี่ยวกับความเรียบง่ายและความคมชัดความสำเร็จที่ความสัมพันธ์ของสีทำให้รู้สึกว่าสีบนพื้นหลังที่แตกต่างกันดูแตกต่างกัน

แม้ว่าคุณจะไม่ได้ถามฉันฉันขอแนะนำให้มีการตรวจสอบว่าสีของเว็บไซต์มีความคมชัดที่ดีสำหรับการอ่านฉันใช้สิ่งนี้: http://graybit.com/main.php


1
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับทฤษฎีสีตรวจสอบคำถาม stackexchange นี้ก่อนหน้านี้: graphicdesign.stackexchange.com/questions/2/…
JamesHenare

Adobe Kuler ( color.adobe.com/create/color-wheel ) เป็นที่ชื่นชอบของฉันในช่วงเวลาส่วนใหญ่เนื่องจากอินเทอร์เฟซใช้งานได้ดี ฉันมักจะไม่ตัดสินเครื่องมือตามรูปลักษณ์ แต่เมื่อมันมีคุณสมบัติทั้งหมดที่คนอื่นทำและผสานรวมกับผลิตภัณฑ์ Adobe (ซอฟต์แวร์การออกแบบที่ฉันเลือก) คุณก็อาจไปกับคนที่น่ารัก

18

มีจำนวนมากออกมี แต่ที่นี่มีบางกำเนิดที่ฉันชื่นชอบ รายการส่วนใหญ่อนุญาตให้คุณป้อนสีของคุณเองตามที่คุณระบุ

  • ColorFavs - จานสีจากภาพเช่นเดียวกับแกลเลอรี่ของจานสีและสีจากภาพของผู้อื่น
  • Pictaculous - จานสีจากภาพ (ตรงกันข้ามคือภาพจากสี )
  • ColorKitty - จานสีจากภาพ
  • Cohesive Colors - จานสีใหม่ที่เกิดขึ้นจากจานสีเก่า + การซ้อนทับสี
  • Color Lovers - จานสีตามสีหรือการผสม
  • Handy Colors - จานสีจากชื่อสี (มีประโยชน์สำหรับการทดสอบ) และจานสีที่ทำไว้ล่วงหน้า
  • Picular - สีจากคำค้นหา
  • ColorBox - เครื่องกำเนิดโดย Lyft
  • ตัวเลือกสีของข้อมูล - เครื่องมือสร้าง ("เฉพาะสำหรับการสร้างภาพข้อมูล")
  • Colormind - ตัวสร้างที่ใช้ UI เพื่อแสดงสี
  • Palx - เครื่องมือสร้าง ("เฉพาะสำหรับ UI")
  • Geenes - เครื่องกำเนิด
  • สีโดย HailPixel - เครื่องกำเนิด
  • ColourCo.de - เครื่องกำเนิด
  • Adobe Color CC - ตัวสร้าง
  • คูลเลอร์ - เครื่องกำเนิดไฟฟ้า
  • App Palette - เครื่องกำเนิด
  • การจ่ายสี - กำเนิดของจานสี 2 สี

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

นอกจากนี้ยังมีบางเว็บไซต์ที่เสนอการไล่ระดับสีซึ่งคุณสามารถรับรหัสสีได้จาก:

หรือคุณอาจจะปล่อยให้ AI เลือกสีบางอย่างสำหรับคุณโดยใช้AI ล้อสี

หากคุณยังไม่พบจานสีใด ๆrepo นี้มีแหล่งข้อมูลเพิ่มเติม


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

สีตัดกับแผนภูมิอื่น ๆ


8

Photoshop CS5มีส่วนขยายที่เรียกว่าKuler ที่ไม่นี้

คุณสามารถเข้าถึงได้ผ่านเมนู หน้าต่าง / ส่วนขยาย / Kuler หรือผ่านเว็บไซต์http://kuler.adobe.com/

ข้อความแสดงแทน


7

แรกและสำคัญที่สุด: ทำความคุ้นเคยกับรูปแบบสี HSB HSB กำหนดสีโดย:

  • Hue : ชนิดของสีดังใน: เลือกหนึ่งจากรุ้ง - เป็นดีกรี;
  • ความอิ่มตัว : ค่าผกผันของจำนวนสีขาวที่เพิ่มเข้าไป - เป็นเปอร์เซ็นต์
  • ความสว่าง : ค่าผกผันของจำนวนสีดำที่เพิ่มเข้าไป - เป็นเปอร์เซ็นต์

กฎง่ายๆคือการสุ่มตัวอย่างสีของแบรนด์ที่มีอยู่และกำหนดมูลค่าเว้ ตอนแรกให้ยึดค่า H เหล่านั้นและเริ่มเปลี่ยนค่า S และ B สิ่งนี้จะสร้างสีที่กลมกลืนกับสีที่มีอยู่เกือบจะตามคำจำกัดความ

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

มีสองสีแยกกัน 180 °หรือไม่? จากนั้นคุณอาจต้องการเพิ่ม 90 °ลงในทั้งสองอย่างเพื่อสร้างเฉดสีที่สามเพื่อใช้งาน พวกเขาอยู่ห่างกัน 40 °หรือไม่ เพิ่ม 40 °ให้กับหนึ่งในค่าสีหรือลบ 40 °จากค่าอื่นเพื่อรับการตั้งค่าสีอะนาล็อก หรือใช้ค่าเฉลี่ยของค่า H สองค่าจากนั้นกลับผลลัพธ์ (บวกหรือลบ 180 °แล้วแต่จำนวนใดจะให้จำนวนบวกน้อยกว่า 360) เพื่อสร้างการตั้งค่าสีเสริมแยก

จากนั้นเริ่มเล่นซอกับค่า S และ B ของเว้ใหม่

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


6

ฉันพบ colourlovers.com เป็นแหล่งข้อมูลที่มีประโยชน์มากสำหรับการสร้างโครงร่างสี แต่ถ้าคุณต้องการมีแนวคิดที่ดีกว่าในการใช้ความคมชัดและความกลมกลืนเป็นเครื่องมือในการปรับปรุงการออกแบบของคุณคุณควรอ่านทฤษฎีสี ฉันชอบหลักการออกแบบสีของ Wucious Wungและการโต้ตอบของสีของ Josef Albers


ปฏิสัมพันธ์ของสีเป็นสีรองพื้นที่ยอดเยี่ยม! ฉันพยายามอ่านมันทุก ๆ ครั้งเพื่อที่จะทำความเข้าใจกับทฤษฎีสีของฉัน
เสื้อคลุมธรรมดา


4

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


2

ส่วนที่ 3 ของซีรี่ส์สามส่วนเกี่ยวกับทฤษฎีสีใช้กับคำถามนี้โดยตรง

สร้างจานสีของคุณเอง

คำอธิบายที่ดีในการเลือกชุดรูปแบบสีของคุณเองตามวงล้อสี (นำมาจากคำถามแลกเปลี่ยนแลกเปลี่ยนนี้ )


2

ลองดูนี่จะช่วยคุณได้มากกว่านี้

http://galacticmilk.com/sphere/


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

2

เครื่องมือหนึ่งที่น่าทึ่งสำหรับการสร้างจานสีที่ฉันเชื่อว่าเป็นอัญมณีที่ซ่อนอยู่คือ Adobe Capture CC ฉันค้นพบมันในขณะที่ดูเหตุการณ์ Adobe Live stream

มันเป็นแอพฟรีสำหรับทั้ง iOS และ Android ที่สร้างจานสีของภาพถ่ายที่คุณถ่ายด้วยกล้องของคุณโดยอัตโนมัติ

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

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

ฉันแนะนำให้ทุกคนลองดู!


1

ทรัพยากรบางอย่างที่ฉันพบว่ามีประโยชน์อยู่ด้านล่างเมื่อเลือกสี

  • AI with Colormind:เครื่องมือที่ใช้ AI และตัวอย่างงานออกแบบ / งานพิมพ์ / ภาพ "ดี" จำนวนมากเพื่อสร้างการผสมสี เป็นไปได้ที่จะจัดหาสีของคุณเองและสร้างสีที่สมบูรณ์ http://colormind.io/

  • กฎที่มีโครงสร้าง:คำตอบที่ดีอื่น ๆ ใน HSB และแนวทาง / ทฤษฎีอื่น ๆ หน้านี้ใช้การแทงด้วยกฎที่ชัดเจนเกี่ยวกับวิธีการทำและผลที่ได้ https://tallys.github.io/color-theory/


0

ฉันขอแนะนำให้ตรวจสอบhttp://colorsupplyyy.comมันเป็นเครื่องมือที่ดีสำหรับการสร้างสีและใช้จานสีจากนักออกแบบที่ดีที่สุดทั่วโลก!


สวัสดี Mason ขอขอบคุณสำหรับข้อมูลของคุณและยินดีต้อนรับสู่ GD.SE ฉันขอโทษที่จะบอกคุณว่าคำตอบของคุณดึงดูดการตั้งค่าสถานะสำหรับสแปม เราได้รับผลกระทบจากน้ำท่วมที่แท้จริงของอีเมลขยะและชุมชนกำลังดำเนินการอย่างหนักต่อสิ่งใดก็ตามที่ดูเหมือนเป็นระยะไกล หากคุณสามารถอธิบายเพิ่มเติมได้เล็กน้อยว่าทำไมคุณถึงชอบเครื่องมือนี้และชัดเจนว่าคุณไม่ได้มีส่วนเกี่ยวข้องกับโพสต์ของคุณจะดีขึ้นมาก ขอบคุณสำหรับความพยายาม! หากคุณมีคำถาม Y เกี่ยวกับเว็บไซต์ที่มีลักษณะที่เป็นศูนย์ช่วยเหลือ ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent

0

ฉันขอแนะนำ ColorPK

มันโหลดเร็วและสะอาดกว่าสำหรับฉัน

และมันยังสามารถดึงสีจากภาพ ป้อนคำอธิบายรูปภาพที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.