ColorSchemex - ออนไลน์ในคลาวด์

โครงการ:

ชื่อ

โครงร่างสี - กำหนดค่าสีสำหรับชุดมาตรฐานของชื่อสีภายในที่จะใช้ใน
ไฟล์การกำหนดค่าอื่น ๆ

การกำหนดค่า OPTIONS

ใช้งาน

สีที่จะใช้สำหรับพื้นหลังขององค์ประกอบที่โฟกัสต่างกัน เช่น
แถบชื่อเรื่องของหน้าต่างที่โฟกัส รายการเมนูที่เลือก ฯลฯ สีนี้ควรเป็น
ตรงกันข้ามกับ Base, Inactive1 และ Inactive2 ในเฉดสี แต่มีความอิ่มตัวใกล้เคียงกัน

แอคทีฟดาร์ก

สีนี้ควรมีค่าน้อยกว่า Active เล็กน้อย (เข้มขึ้น 5-10%) นี่คือ
มีประโยชน์เมื่อพื้นหลังของแถบชื่อเรื่องที่เน้นเป็นการไล่ระดับสี

แอคทีฟไลท์

สีนี้ควรมีค่าสูงกว่า Active เล็กน้อย (เบากว่า 5-10%) นี้
มีประโยชน์เมื่อพื้นหลังของแถบหัวเรื่องที่ถูกโฟกัสเป็นการไล่ระดับสี

ข้อความที่ใช้งาน

สีของข้อความบนแถบชื่อเรื่องที่เน้น ควรมีค่าตรงกันข้ามกับ
สีแอคทีฟ

มุม

กำหนดมุมบนวงกลมสีระหว่างสี Inactive1, Base และ Inactive2 ใน
ชุดสีที่ AfterStep คำนวณโดยอัตโนมัติ มุมเริ่มต้นคือ30
องศา ใช้มุมที่เล็กลงเพื่อทำให้สีที่ไม่ใช้งานและสีฐานใกล้เคียงกันมากขึ้น

ฐาน

สีนี้เป็นการกำหนดสีของชุดสี มันจะใช้สำหรับเดสก์ท็อป
พื้นหลัง. เมื่อ AfterStep ได้รับอนุญาตให้คำนวณโครงร่างสีโดยอัตโนมัติ - it
จะใช้สีนี้ร่วมกับค่ามุมเป็นฐานในการคำนวณ

ฐานมืด

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

เบสไลท์

สีที่ควรสว่างกว่าสีฐานประมาณ 10% แต่มีเฉดสีใกล้เคียงกัน
และความอิ่มตัว มีประโยชน์สำหรับการวาดพื้นหลังเดสก์ท็อปที่มีการไล่ระดับสี

เคอร์เซอร์

สีนี้จะใช้สำหรับตัวชี้ pmouse และควรมีความเปรียบต่างสูงกับ
สีอื่นๆ ทั้งหมด

ข้อความปิดการใช้งาน

สีของข้อความของรายการเมนูที่ปิดใช้งาน น่าจะคล้ายกับรายการเมนูของ
สีพื้นหลัง.

ไฮแอคทีฟ

ใช้สำหรับเมนูที่เน้น ควรจะคล้ายกับสี Active แต่ค่อนข้างจะสว่างกว่า

HighActiveกลับ

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

สูง ActiveBackDark

ควรเข้มกว่าสี HighActiveBack 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับของ
รายการเมนูที่เลือก

HighActiveBackLight

ควรเบากว่าสี HighActiveBack 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับ
ของรายการเมนูที่เลือก

สูงแอคทีฟดาร์ก

ควรเข้มกว่าสี HighActive 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับของ
แถบหัวเรื่องเมนูที่เน้น

สูงแอคทีฟไลท์

ควรมีน้ำหนักเบากว่าสี HighActive 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับของ
แถบหัวเรื่องเมนูที่เน้น

ข้อความที่ใช้งานสูง

สีที่ใช้สำหรับวาดข้อความบนแถบหัวเรื่องเมนูที่โฟกัส น่าจะอยู่ในระดับสูง
ตัดกับสี HighActive

สูงไม่ใช้งาน

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

สูงไม่ใช้งานกลับ

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

สูงไม่ใช้งานกลับมืด

ควรเข้มกว่าสี HighInactiveBack 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับ
ของรายการเมนูที่ไม่ใช้งาน

สูงไม่ใช้งานBackLight

ควรเบากว่าสี HighInactiveBack 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับ
ของรายการเมนูที่ไม่ใช้งาน

สูงไม่ใช้งานมืด

ควรเข้มกว่าสี HighInactive 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับของ
แถบหัวเรื่องเมนูที่ไม่ใช้งาน

สูงไม่ใช้งานแสง

ควรเบากว่าสี HighInactive 10% มีประโยชน์สำหรับพื้นหลังไล่ระดับของ
แถบหัวเรื่องเมนูที่ไม่ใช้งาน

ข้อความที่ไม่ใช้งานสูง

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

ไม่ใช้งาน1

สีหลักที่ใช้สำหรับพื้นหลังของแถบหัวเรื่องหน้าต่างที่ไม่ได้โฟกัส

ไม่ใช้งาน1Dark

ควรเข้มขึ้น 10% จาก Inactive1 มีประโยชน์สำหรับพื้นหลังไล่ระดับของที่ไม่ได้โฟกัส
หน้าต่าง

ไม่ใช้งาน1แสง

ควรเบากว่า 10% เมื่อไม่ใช้งาน1 มีประโยชน์สำหรับพื้นหลังไล่ระดับของที่ไม่ได้โฟกัส
หน้าต่าง

ไม่ใช้งาน2

สีรองที่ใช้สำหรับพื้นหลังของแถบหัวเรื่องหน้าต่างที่ไม่ได้โฟกัส ควรใช้สำหรับ
หน้าต่างเหนียวที่ไม่ได้โฟกัส

ไม่ใช้งาน2Dark

ควรเข้มกว่า 10% จาก Inactive2 มีประโยชน์สำหรับพื้นหลังไล่ระดับของเหนียว
หน้าต่าง

ไม่ใช้งาน2แสง

ควรเบากว่า 10% จาก Inactive2 มีประโยชน์สำหรับพื้นหลังไล่ระดับของเหนียว
หน้าต่าง

ข้อความที่ไม่ใช้งาน1

สีของข้อความบนแถบหัวเรื่องที่ไม่ได้โฟกัส น่าจะขัดแย้งกับ .มาก
ไม่ใช้งาน1.

ข้อความที่ไม่ใช้งาน2

สีของข้อความบนแถบหัวเรื่องแบบติดหนึบ ควรมีความแตกต่างอย่างมากกับ Inactive2

DESCRIPTION

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

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

ไม่จำเป็นต้องกำหนดสี Colourscheme ทั้งหมดให้ชัดเจน เฉพาะสีฐานเท่านั้นคือ
สำคัญ. AfterStep สามารถสร้าง colorcheme ที่ดูดีได้โดยอัตโนมัติจากสิ่งนี้
สีเดียว. คำจำกัดความสีที่ชัดเจนในไฟล์ colorscheme จะแทนที่อัตโนมัติใดๆ
ทางเลือก. ตัวอย่างนี้คือ NeXTish colorscheme ซึ่งทุกสีคือ
ปรับแต่ง หากเลือกสีระดับสีเทาสำหรับฐาน - จะสร้างระดับสีเทา
colorcheme ซึ่งใช้เฉดสีเทาที่แตกต่างกันสำหรับสีที่ต่างกัน

ไฟล์ colorcheme ที่เลือกถูกโหลดโดยโมดูลทั้งหมดและขั้นตอนหลังที่เหมาะสม ใหม่เมื่อไร
มีการเลือก colorcheme - ทริกเกอร์การโหลดไฟล์ Look และไฟล์รูปภาพทั้งหมดซ้ำ

ไฟล์ Look ที่ให้มาทั้งหมดถูกเขียนขึ้นเพื่อใช้ประโยชน์จาก AfterStep
โทนสี

โปรดอ่านด้านล่างสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการสร้าง colorchemes และอื่น ๆ
หัวข้อเกี่ยวกับสี :

HARMONIOUS COLORS งานการเลือกชุดสีที่เข้าชุดกันเป็นเรื่องที่จริงจังและ
ได้รับการศึกษาโดยศิลปินและนักออกแบบมานานหลายศตวรรษ เป็นผลมีกฎบางอย่าง
พัฒนาเพื่อลดความซับซ้อนของงานนี้

ประการแรก แทนที่จะเลือกสีในพื้นที่สีแดง/เขียว/น้ำเงิน ควรจับคู่สี
ถูกเลือกโดยใช้สเปซสี Hue/Saturation/Value (HSV) เฉดสีเป็นสิ่งสำคัญที่สุด
ลักษณะของสี และวัดเป็นองศาตั้งแต่ 0 (เฉดสีแดง) ถึง 60 (เฉดสีเหลือง)
ถึง 120 (โทนสีเขียว) ถึง 180 (โทนสีฟ้า) ถึง 240 (โทนสีน้ำเงิน) ถึง 300 (โทนสีม่วง) ไปจนถึง 360
ซึ่งเป็นสีเดียวกับ 0 - สีแดง เฉดสีสามารถวางบนวงกลมสีที่เรียกว่าทำให้
ง่ายต่อการเลือกสีที่ตรงกัน

มีสองวิธีหลักในการเลือกโทนสี - เฉดสีเดียวหรือหลายเฉดสี

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

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

AfterStep เน้นงานเลือกสีที่กลมกลืนกัน โดยสร้างชุดสี
จากสีเดียวโดยใช้กฎของนักออกแบบ IMAGE HUES รูปลักษณ์ของหน้าจอ (aka Theme)
รวมรูปภาพจำนวนมาก เช่น ไอคอน พื้นหลัง แถบ ฯลฯ แต่ละภาพดังกล่าวอาจมี
เฉดสีที่ครอบงำหนึ่งหรือหลายเฉดสี ซึ่งนำเรากลับไปที่งานของเฉดสีที่เข้าชุดกัน ใน
เพื่อให้ได้รูปลักษณ์ที่กลมกลืนกัน

กฎของหัวแม่มือที่ต้องปฏิบัติตามคือ รูปภาพแต่ละภาพบนอินเทอร์เฟซเฉพาะใดๆ
องค์ประกอบ เช่น แถบหัวเรื่อง ควรมีสีที่ครอบงำอย่างน้อยหนึ่งสีให้เหมือนกับ
สีของพื้นหลังขององค์ประกอบนี้

มีหลายวิธีที่จะทำให้แน่ใจว่าเฉดสีของภาพตรงกับพื้นหลัง:

การย้อมสี
หากรูปภาพมีเฉดสีเดียวก็สามารถแปลงเป็นโทนสีเทาได้
แต่งแต้มด้วยสีของพื้นหลัง

การหมุนสี
หากภาพมีเฉดสีหลายเฉด หรือมีเฉดสีเทาบางส่วน อาจเป็นสี
หมุนโดยแปลงภาพเป็น HSV colorspace เปลี่ยนช่วงของเฉดสีแล้ว
การแปลงภาพกลับเป็น RGB colorspace

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

AfterStep กล่าวถึงงานในการเปลี่ยนเฉดสีของรูปภาพโดยใช้สคริปต์รูปภาพ XML
ดู asimagexml สำหรับข้อมูลเพิ่มเติม ชื่อสี AfterStep Colourscheme ชื่อสี
สามารถแยกออกเป็นหลายประเภท:

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

ฐาน ใช้งานอยู่ และไม่ทำงาน
ธีมสีทั่วไปของหน้าจอกำหนดโดยพื้นหลัง ดังนั้นเราจึงเทอม
เป็นสีพื้นฐาน และกำหนดสีที่เหลือตามความสัมพันธ์ ตอนนี้เลย
เวลาที่กำหนดอาจมีองค์ประกอบหนึ่งที่เน้นและใช้งานในขณะที่องค์ประกอบอื่นคือ
ปิดโฟกัสและควรถือว่าทัศนวิสัยต่ำลง เรากำหนดสีที่ใช้งานที่จะใช้
ด้วยรายการที่เน้น (ควรตัดกับสีพื้นฐาน) นอกจากนี้เรายังกำหนด
สีที่ไม่ใช้งานเพื่อใช้กับรายการนอกโฟกัส (ควรสร้างสีเหล่านี้
คล้ายกับสีฐาน) เนื่องจากตอนนี้เราอาจจะมีหน้าต่างนอกโฟกัสอยู่ 2 แบบ
(เหนียวและไม่เหนียวเหนอะหนะ ) เรากำหนด 2 สีที่ไม่ใช้งานจริง: Inactive1 และ
ไม่ใช้งาน2.

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

#RGB เหมือนกับ #RRGGBB ใช้เฉพาะค่า 4 บิตสำหรับส่วนประกอบ ตัวอย่างเช่น #F84 คือ
เช่นเดียวกับ #F08040

#ARGB เท่ากับ #RGB บวกค่าอัลฟ่า (ค่าอัลฟ่ากำหนดความทึบของ
สี).

#AARRGGBB
ซึ่งเหมือนกับ #RRGGBB บวกค่าอัลฟ่า 8 บิตที่เพิ่มเข้ามา

hsv(ฮิว ความอิ่มตัว ค่า)
กำหนดสีโดยใช้ HSV colorspace hue วัดจาก 0 ถึง 360 องศา
ความอิ่มตัวและค่าจะถูกวัดจาก 0 ถึง 100

rgb (แดง เขียว น้ำเงิน)
กำหนดสีในขอบเขตสี RGB คล้ายกับรูปแบบ #RRGGBB แต่ค่าไม่ได้เป็น
ฐานสิบหก แต่เป็นทศนิยม (ตั้งแต่ 0 ถึง 255) นอกจากนี้ยังอนุญาตให้ใช้นิพจน์ที่ซ้อนกัน เช่น
เป็น : rgb (128,128, สีน้ำเงิน (ฐาน))

ahsv (อัลฟา, ฮิว, ความอิ่มตัว, ค่า)
เช่นเดียวกับ hsv() แต่ยังเพิ่มช่องอัลฟ่าด้วย

argb (อัลฟา, แดง, เขียว, น้ำเงิน)
เหมือนกับ argb() แต่ยังเพิ่มช่องอัลฟ่าด้วย

ฮิว (ฮิว, สี)
เปลี่ยนสีของสีที่กำหนดไว้ล่วงหน้าโดยคงความอิ่มตัวและค่าของสีไว้

sat(ความอิ่มตัวของสี)
เปลี่ยนความอิ่มตัวของสีที่กำหนดไว้ล่วงหน้า

val(ค่า,สี)
เปลี่ยนค่าของสีที่กำหนดไว้ล่วงหน้าที่กำหนด

อัลฟ่า(อัลฟา,สี)
เปลี่ยนอัลฟาของสีที่กำหนดไว้ล่วงหน้า ซึ่งมีประโยชน์ในการทำสีจาก
สีกึ่งโปร่งใส

สีแดง(สีแดง,สี)
เปลี่ยนค่าช่องสีแดงของสีที่กำหนดไว้ล่วงหน้าที่กำหนด

สีเขียว(สีเขียว,สี)
เปลี่ยนค่าช่องสีเขียวของสีที่กำหนดไว้ล่วงหน้าที่กำหนด

สีฟ้า(สีฟ้า,สี)
เปลี่ยนค่าช่องสีน้ำเงินของสีที่กำหนดไว้ล่วงหน้าที่กำหนด

ตัวอย่าง:
#สิ่งนี้สามารถใช้ในคำจำกัดความของ colorcheme :

ไม่ใช้งาน1 #FF5C5B66 # หรือ ahsv(255,245,10,40) หรือ argb(255,92,91,102)

#สิ่งนี้สามารถใช้ในคำจำกัดความของ MyStyle ในลุคได้ #นั่นทำให้หน้าต่างหนึบ
แถบหัวเรื่องกึ่งโปร่งใส:

BackMultiGradient 6 อัลฟา (50, Inactive2Dark) 0.0 อัลฟา (50, Inactive2Light) 1.0

การใช้สีจริงถูกกำหนดในไฟล์ลักษณะ AfterStep ในคำจำกัดความของ MyStyle
นอกจากนี้ สี ColorScheme ทั้งหมดยังสามารถใช้ในอิมเมจ AfterStep XML เช่นเดียวกับ
นามแฝงสี X มาตรฐาน นอกจากนี้ยังสามารถใช้ด้านต่างๆ ของแต่ละคนได้
สี - แดง, เขียว, น้ำเงินและอัลฟ่า, ฮิว, ความอิ่มตัวและคุณค่าของแต่ละคน แต่ละ
สี มี 6 ตัวแปรที่กำหนดโดยใช้รูปแบบต่อไปนี้:
$ascs.colorname.component ตัวอย่างเช่น $ascs.Active.hue แสดงถึงสีของ
สีแอคทีฟ สิ่งนี้มีประโยชน์ในขณะที่ทำการแปลง (การย้อมสี hsv ฯลฯ ) ใน
อิมเมจ AfterStep XML

ใช้ ColorSchemex ออนไลน์โดยใช้บริการ onworks.net