ColorSchemex - Online în cloud

PROGRAM:

NUME

Schema de culori - definește valorile de culoare pentru setul standard de nume de culori interne, pentru a fi utilizate în
alte fișiere de configurare

CONFIGURARE OPŢIUNI

Activ

Culoarea care va fi folosită pentru fundalul diferitelor elemente focalizate, cum ar fi
bara de titlu a ferestrei focalizate, elementul de meniu selectat etc. Această culoare ar trebui să fie
contrastând cu Base, Inactive1 și Inactive2 în nuanță, dar similare în saturație.

ActiveDark

Această culoare ar trebui să aibă o valoare puțin mai mică decât cea activă (să fie cu 5-10% mai închisă). Aceasta este
util atunci când fundalul barei de titlu focalizate este un gradient.

ActiveLight

Această culoare ar trebui să aibă o valoare puțin mai mare decât cea activă (să fie cu 5-10% mai deschisă). Acest
este util atunci când fundalul barei de titlu focalizate este un gradient.

ActiveText

Culoarea textului pe barele de titlu concentrate. Ar trebui să fie în contrast de mare valoare cu
Culoare activă.

Unghi

Definește unghiul pe cercul de nuanță între culorile Inactive1, Base și Inactive2 în
scheme de culori, care sunt calculate automat de AfterStep. Unghiul implicit este 30
grade. Folosiți un unghi mai mic pentru a face culorile inactive și de bază mai asemănătoare.

bază

Această culoare este culoarea definitorie a schemei de culori. Va fi folosit pentru desktop
fundal. Când AfterStep are voie să calculeze schema de culori în mod automat - aceasta
va folosi această culoare împreună cu valoarea Angle ca bază de calcul.

BaseDark

Culoarea care ar trebui să fie cu aproximativ 10% mai închisă decât culoarea de bază, dar să aibă o nuanță similară și
saturare. Util pentru desenarea fundalului desktop gradient.

BaseLight

Culoare care ar trebui să fie cu aproximativ 10% mai deschisă decât culoarea de bază, dar să aibă o nuanță similară
și saturație. Util pentru desenarea fundalului desktop gradient.

cursor

Această culoare va fi folosită pentru indicatorul mouse-ului și ar trebui să fie în contrast mare cu
toate celelalte culori.

DisabledText

Culoarea textului elementelor de meniu dezactivate. Ar trebui să fie foarte asemănător cu elementele din meniu
culoare de fundal.

HighActive

Folosit pentru meniuri focalizate. Ar trebui să fie similară cu culoarea activă, dar oarecum mai deschisă.

HighActiveBack

Folosit pentru fundalul elementului curent de meniu. Ar trebui să fie similar, dar oarecum mai strălucitor
ei Culoare activă.

HighActiveBackDark

Ar trebui să fie cu 10% mai închisă decât culoarea HighActiveBack. Util pentru fundal degradat de
elementul de meniu selectat.

HighActiveBackLight

Ar trebui să fie cu 10% mai deschisă decât culoarea HighActiveBack. Util pentru fundal degradat
a elementului de meniu selectat.

HighActiveDark

Ar trebui să fie cu 10% mai închisă decât culoarea HighActive. Util pentru fundal degradat de
bara de titlu a meniului focalizat.

HighActiveLight

Ar trebui să fie cu 10% mai deschisă decât culoarea HighActive. Util pentru fundal degradat de
bara de titlu a meniului focalizat.

HighActiveText

Culoarea care va fi folosită pentru desenarea textului pe bara de titlu a meniului focalizat. Ar trebui să fie în mare
contrast cu culoarea HighActive.

HighInactive

Folosit pentru meniuri nefocalizate. Ar trebui să fie asemănătoare cu culoarea Inactive1, dar oarecum
mai usoara.

HighInactiveBack

Folosit pentru fundalul elementului de meniu inactiv. Ar trebui să fie similar, dar oarecum mai strălucitor
acestea HighInactive culoare.

HighInactiveBackDark

Ar trebui să fie cu 10% mai închisă decât culoarea HighInactiveBack. Util pentru fundal degradat
a elementului de meniu inactiv.

HighInactiveBackLight

Ar trebui să fie cu 10% mai deschisă decât culoarea HighInactiveBack. Util pentru fundal degradat
a elementului de meniu inactiv.

HighInactiveDark

Ar trebui să fie cu 10% mai închisă decât culoarea HighInactive. Util pentru fundal degradat de
barele de titlu ale meniului inactive.

HighInactiveLight

Ar trebui să fie cu 10% mai deschisă decât culoarea HighInactive. Util pentru fundal degradat de
barele de titlu ale meniului inactive.

HighInactiveText

Culoarea textului pe bara de titlu a meniului nefocalizat. Ar trebui să contrasteze foarte mult cu
Culoare ridicată inactivă.

Inactiv1

Culoarea primară folosită pentru fundalul nefocalizat al barei de titlu a ferestrei.

Inactiv1 Întunecat

Ar trebui să fie cu 10% mai întunecat decât Inactiv1. Util pentru fundal degradat de nefocalizat
ferestre.

Inactiv1Light

Ar trebui să fie cu 10% mai ușor decât Inactiv1. Util pentru fundal degradat de nefocalizat
ferestre.

Inactiv2

Culoarea secundară folosită pentru fundalul nefocalizat al barei de titlu a ferestrei. Ar trebui folosit pentru
ferestre lipicioase nefocalizate.

Inactiv2 Întunecat

Ar trebui să fie cu 10% mai întunecat decât Inactiv2. Util pentru fundal degradat de lipicios
ferestre.

Inactiv2Light

Ar trebui să fie cu 10% mai ușor decât Inactiv2. Util pentru fundal degradat de lipicios
ferestre.

InactiveText1

Culoarea textului pe barele de titlu nefocalizate. Ar trebui să contrasteze foarte mult cu
Inactiv1.

InactiveText2

Culoarea textului pe barele de titlu lipicioase. Ar trebui să contrasteze puternic cu Inactive2.

DESCRIERE

Schemele de culori AfterStep ar trebui să ușureze durerea de a asambla setul de culori care merg
bine între ele, oferind în același timp flexibilitate suplimentară în timp ce proiectați personalizat
aspect/teme.

Schema de culori AfterStep este un set standard de nume de culori, care pot avea culori diferite
valorile care le sunt atribuite. Aceste nume de culoare sunt folosite în definirea aspectului și în imaginile XML. De
alocarea unor valori de culoare diferite acelorași nume de culoare este posibilă instantaneu
schimbați culorile de-a lungul întregului Look, fără a modifica imagini sau fișiere de configurare.

Nu toate culorile Colorscheme trebuie să fie definite în mod explicit. Doar culoarea de bază este
important. AfterStep este capabil să genereze automat o schemă de culori arătătoare, de aici
o singură culoare. Definiția explicită a culorii în fișierul cu schemă de culori va înlocui orice automată
alegere. Un exemplu în acest sens este schema de culori NeXTish, unde sunt toate culorile
personalizat. Dacă culoarea în tonuri de gri este aleasă pentru bază - va genera tonuri de gri
schema de culori, unde diferite nuanțe de gri sunt folosite pentru diferite culori.

Fișierul cu schemă de culori selectat este încărcat de toate modulele și după pasul propriu-zis. Ori de câte ori este nou
colorscheme este selectat - declanșează reîncărcarea fișierului Look și a tuturor fișierelor imagine.

Toate fișierele Look furnizate au fost scrise pentru a profita de AfterStep
scheme de culori.

Citiți mai jos pentru mai multe detalii despre cum sunt generate schemele de culori și altele
subiecte legate de culoare:

CULORI ARMONIOASE Sarcina de a selecta un set de culori potrivite este o chestiune serioasă și asta
a fost studiat de artiști și designeri timp de secole. Ca rezultat, există anumite reguli
dezvoltat pentru a simplifica această sarcină.

În primul rând, în loc să selectați culorile în spațiul de culori Roșu/Verde/Albastru, ar trebui să se potrivească culorile
fie selectat folosind spațiul de culoare Hue/Saturation/Value (HSV). Nuanțele de culoare sunt cele mai importante
caracteristică culorii și se măsoară în grade de la 0 (nuanță roșie) la 60 (nuanță galbenă)
la 120 (nuanță verde) la 180 (nuanță cyan) la 240 (nuanță albastru) la 300 (nuanță violet) și apoi la 360
care este aceeași nuanță ca 0 - roșu. Nuanțele ar putea fi plasate pe un așa-numit cerc de culoare, creând
este mai ușor să alegeți culorile potrivite.

Există două abordări principale pentru selectarea schemei de culori - o singură nuanță sau mai multe nuanțe.

Culorile cu o singură nuanță diferă în saturație și, de obicei, permit un aspect liniștitor, simplu
temă. O astfel de temă ar putea fi plăcută de privit, dar îi lipsește entuziasmul și o face
greu de distins între diferitele elemente.

Folosirea mai multor nuanțe face tema ceva mai incitantă și adaugă mai multe indicii vizuale
ecran, oferind o operare mai ușoară și permițând utilizatorului să relaxeze mușchii ochilor, rezultând
într-o ergonomie mai bună. Prin urmare, aceasta este abordarea care ar trebui utilizată pentru utilizator
culorile interfeței. Acum, cum să selectezi nuanțe care compun tema armonioasă? Regula lui
degetul mare este că nuanțele care sunt apropiate unele de altele pe cercul de culoare se potrivesc bine una cu cealaltă,
în timp ce cele, situate pe laturile opuse ale cercului, creează un efect contrastant.

AfterStep abordează sarcina de a selecta culori armonioase, prin generarea unui set de culori
dintr-o singură culoare folosind regulile designerului. NUMĂRILE IMAGINI Aspectul ecranului (alias Tema),
include numeroase imagini, cum ar fi pictograme, fundaluri, bare etc. Fiecare astfel de imagine poate avea
una sau mai multe nuanțe dominante, ceea ce ne readuce la sarcina de a potrivi nuanțe, în
pentru a obține un aspect armonios.

Regula generală de urmat aici este că fiecare imagine pe orice interfață anume
element, cum ar fi bara de titlu, ar trebui să aibă cel puțin o nuanță dominantă pentru a fi aceeași cu
nuanța fundalului acestui element.

Există mai multe modalități de a vă asigura că nuanța imaginii se potrivește cu cea a fundalului:

nuanțare
Dacă o imagine are o singură nuanță dominantă, ar putea fi convertită în tonuri de gri și apoi
nuanțat cu culoarea fundalului.

rotația nuanțelor
Dacă o imagine are mai multe nuanțe, sau o nuanță și unele părți în tonuri de gri - nuanțele sale ar putea fi
rotit, prin conversia imaginii în spațiu de culoare HSV, schimbarea gamei de nuanțe și apoi
convertirea imaginii înapoi în spațiu de culoare RGB.

suprapunere
De asemenea, nuanțele imaginii pot fi modificate prin suprapunerea acesteia peste imaginea de fundal folosind
metoda de compoziție allanon, în care fiecare pixel este înlocuit cu media lui
valoarea pixelilor imaginii și valoarea pixelilor fundalului.

AfterStep abordează sarcina de a schimba nuanțele imaginilor utilizând scripting pentru imagini XML.
Vedeți asimagexml pentru mai multe despre asta. NUMELE DE CULORI AfterStep Colorscheme nume de culori
pot fi împărțite în mai multe categorii:

Prim-plan și fundal
Culorile de prim plan sunt folosite pentru a reda textul, în timp ce culorile de fundal alcătuiesc a
fundalul textului respectiv. Acum există mai multe constrângeri asupra culorilor din prim-plan -
ar trebui să contrasteze cu fundalurile și este întotdeauna mai bine să le constrângi
culorile din prim-plan la alb și negru, deoarece textul colorat tinde să „sângereze” deasupra
fundal, făcându-l mai puțin eligibil. O altă problemă cu primul plan fiind colorat
este că crește tensiunea asupra ochilor utilizatorului, forțându-i să se adapteze la prea mulți
diferite culori contrastante.

De bază, activ și inactiv
Tema generală de culoare a ecranului este determinată de fundal. În consecință, numim
este o culoare de bază și determină restul culorilor în raport cu aceasta. Acum la orice
dat fiind timpul, ar putea exista un element care este concentrat și activ, în timp ce alții sunt
defocalizat și ar trebui să-și asume o vizibilitate mai scăzută. Definim culorile active care vor fi folosite
cu elemente focalizate (ar trebui să contrasteze cu culoarea de bază). De asemenea definim
Culorile inactive pentru a fi folosite cu articole nefocalizate (este o idee bună să le faci
analogi cu culoarea de bază). Acum, deoarece este posibil să avem 2 tipuri de ferestre off-focus
(lipicios și non-lipicios), definim de fapt 2 culori inactive: Inactive1 și
Inactiv2.

Culori gradiente
Gradientele creează un aspect foarte atrăgător atunci când sunt folosite pentru a colora barele de titlu și altele
elemente de interfață. În general, este o idee bună să folosiți culori de aceeași nuanță, dar
având intensitate diferită. Pentru a desemna culorile desemnate pentru degrade, adăugăm
Postfix întunecat/deschis la numele culorilor. VALORI DE CULOARE AfterStep suportă extrem de
modalități flexibile și extinse de a defini valoarea culorii. Abordarea standard este de a folosi
Notația #RRGGBB. În plus, AfterStep acceptă următoarele notații:

#RGB La fel ca #RRGGBB, folosind doar valori de 4 biți pentru componente. De exemplu #F84 este
la fel ca #F08040.

#ARGB Este același cu #RGB plus valoarea Alpha este adăugată (valoarea Alpha definește opacitatea
culoarea).

#AARRGGBB
Acesta este același cu #RRGGBB plus valoarea Alpha de 8 biți este adăugată.

hsv(nuanță,saturație,valoare)
Definește culoarea folosind nuanța spațiului de culoare HSV este măsurată de la 0 la 360 de grade,
saturația și valoarea sunt măsurate de la 0 la 100.

rgb (rosu, verde, albastru)
Definește culoarea în spațiul de culoare RGB. Similar cu forma #RRGGBB, dar valorile nu sunt în
hex, dar în zecimale (de la 0 la 255). De asemenea, permite expresii imbricate, cum ar fi
ca: rgb(128,128,albastru(Bază)).

ahsv (alfa, nuanță, saturație, valoare)
La fel ca hsv(), dar adaugă și canalul Alpha.

argb (alfa, roșu, verde, albastru)
La fel ca argb(), dar adaugă și canalul Alpha.

nuanță (nuanță, culoare)
Modifică nuanța culorii predefinite date, păstrând saturația și valoarea acesteia.

sat (saturație, culoare)
Modifică saturația culorii predefinite date.

val(valoare,culoare)
Modifică valoarea culorii predefinite date.

alfa(alfa,culoare)
Modifică alfa culorii predefinite date. Acest lucru este util pentru a face culori din
schemă de culori semi-transparentă.

roșu (roșu, culoare)
Modifică valoarea canalului roșu a culorii predefinite date.

verde (verde, culoare)
Modifică valoarea canalului verde a culorii predefinite date.

albastru (albastru, culoare)
Modifică valoarea canalului albastru pentru culoarea predefinită dată.

Exemplu:
#Acest lucru ar putea fi folosit în definiția schemei de culori:

Inactiv1 #FF5C5B66 # sau ahsv(255,245,10,40) sau argb(255,92,91,102)

#Acest lucru ar putea fi folosit în definiția MyStyle în aspect. #Asta face ferestrele Sticky
bara de titlu semi-transparentă:

BackMultiGradient 6 alfa(50,Inactive2Dark) 0.0 alfa(50,Inactive2Light) 1.0

Utilizarea reală a culorilor este definită în fișierul aspect AfterStep, în definițiile MyStyle.
De asemenea, toate culorile ColorScheme ar putea fi utilizate în imaginile XML AfterStep, în mod similar
aliasuri de culoare X standard. De asemenea, este posibil să folosiți diferite aspecte ale fiecăruia
culoare - roșu, verde, albastru și alfa, nuanță, saturație și valoare individual. Pentru fiecare
culoare există 6 variabile definite folosind următoarea sitaxă:
$ascs.colorname.component . De exemplu $ascs.Active.hue reprezintă nuanța
Culoare activă. Acest lucru este util în timp ce faceți transformări (nuanțare, hsv etc.) în
Imagini XML AfterStep.

Utilizați ColorSchemex online folosind serviciile onworks.net