これは、Ubuntu Online、Fedora Online、Windows オンライン エミュレーター、または MAC OS オンライン エミュレーターなどの複数の無料オンライン ワークステーションの XNUMX つを使用して、OnWorks 無料ホスティング プロバイダーで実行できるコマンド ColorSchemex です。
プログラム：
NAME
カラースキーム - で使用される、内部カラー名の標準セットのカラー値を定義します。
他の設定ファイル
CONFIGURATION OPTIONS
有効
さまざまなフォーカスされた要素の背景に使用される色。
フォーカスされたウィンドウのタイトルバー、選択されたメニュー項目など。この色は次のようになります。
Base、Inactive1、Inactive2とは色相が対照的ですが、彩度は似ています。
アクティブダーク
この色の値はアクティブよりわずかに小さい値にする必要があります (5 ～ 10% 暗くする)。 これは
フォーカスされたタイトルバーの背景がグラデーションの場合に便利です。
アクティブライト
このカラーは、アクティブよりもわずかに高い値を持つ必要があります (5 ～ 10% 明るくなります)。 これ
フォーカスされたタイトルバーの背景がグラデーションの場合に便利です。
アクティブテキスト
フォーカスされたタイトルバーのテキストの色。 これは、次の値とのコントラストが高い必要があります。
アクティブなカラー。
角度
Inactive1、Base、Inactive2 カラーの間の色相環上の角度を定義します。
AfterStep によって自動的に計算される配色。 デフォルトの角度は 30 です
度。 角度を小さくすると、非アクティブ カラーとベース カラーがより似てきます。
ベース（Base）
この色は配色の定義色です。 デスクトップに使用する予定です
バックグラウンド。 AfterStep で配色を自動的に計算できるようにすると、
計算の基礎として、この色を角度値と組み合わせて使用します。
ベースダーク
ベースカラーよりも約 10% 暗い色ですが、同様の色合いと
飽和。 グラデーションのあるデスクトップの背景を描画するのに便利です。
ベースライト
ベースカラーより約 10% 明るく、似た色合いのカラー
そして飽和。 グラデーションのあるデスクトップの背景を描画するのに便利です。
カーソル
この色はマウス ポインタに使用され、マウス ポインタとのコントラストが高い必要があります。
他のすべての色。
無効なテキスト
無効になっているメニュー項目のテキストの色。 メニュー項目とよく似ているはずです
背景色。
ハイアクティブ
集中メニューに使用されます。 アクティブ カラーに似ていますが、若干明るい色になります。
ハイアクティブバック
現在のメニュー項目の背景に使用されます。 似ていますが、若干明るいはずです
アクティブカラーです。
ハイアクティブバックダーク
HighActiveBack の色より 10% 暗くする必要があります。 グラデーションの背景に便利です
選択したメニュー項目。
ハイアクティブバックライト
HighActiveBack の色より 10% 明るくする必要があります。 グラデーションの背景に便利です
選択したメニュー項目の。
ハイアクティブダーク
HighActive カラーより 10% 暗くする必要があります。 グラデーションの背景に便利です
フォーカスされたメニューのタイトルバー。
ハイアクティブライト
HighActive カラーより 10% 明るくする必要があります。 グラデーションの背景に便利です
フォーカスされたメニューのタイトルバー。
ハイアクティブテキスト
フォーカスされたメニューのタイトルバーにテキストを描画するために使用される色。 高いはずだ
ハイアクティブカラーとのコントラスト。
高非アクティブ
焦点の合っていないメニューに使用されます。 Inactive1 の色に似ているはずですが、多少異なります。
ライター。
高非アクティブ戻る
非アクティブなメニュー項目の背景に使用されます。 似ていますが、若干明るいはずです
それらは HighInactive カラーです。
高非アクティブ戻る暗い
HighInactiveBack の色より 10% 暗くする必要があります。 グラデーションの背景に便利です
非アクティブなメニュー項目の。
高非アクティブバックライト
HighInactiveBack の色より 10% 明るくする必要があります。 グラデーションの背景に便利です
非アクティブなメニュー項目の。
高非アクティブ暗
HighInactive カラーより 10% 暗くする必要があります。 グラデーションの背景に便利です
非アクティブなメニューのタイトルバー。
高非アクティブ ライト
HighInactive カラーより 10% 明るくする必要があります。 グラデーションの背景に便利です
非アクティブなメニューのタイトルバー。
高非アクティブテキスト
フォーカスのないメニューのタイトルバーのテキストの色。 非常に対照的であるはずです
高非アクティブな色。
非アクティブ1
フォーカスのないウィンドウのタイトルバーの背景に使用される原色。
非アクティブ1ダーク
Inactive10 よりも 1% 暗くする必要があります。 焦点の合っていないグラデーションの背景に便利です
窓。
非アクティブ 1 ライト
Inactive10 より 1% 軽くなるはずです。 焦点の合っていないグラデーションの背景に便利です
窓。
非アクティブ2
フォーカスされていないウィンドウのタイトルバーの背景に使用される XNUMX 番目の色。 に使用する必要があります
焦点の合っていない粘着ウィンドウ。
非アクティブ2ダーク
Inactive10 よりも 2% 暗くする必要があります。 スティッキーのグラデーション背景に便利です
窓。
非アクティブ 2 ライト
Inactive10 より 2% 軽いはずです。 スティッキーのグラデーション背景に便利です
窓。
非アクティブテキスト1
フォーカスされていないタイトルバーのテキストの色。 非常に対照的であるはずです
非アクティブ1.
非アクティブテキスト2
スティッキー タイトルバーのテキストの色。 Inactive2 とは非常に対照的です。
DESCRIPTION
AfterStep のカラースキームは、必要な色のセットを組み立てる手間を軽減することを目的としています。
相互にうまく連携しながら、カスタム設計時にさらなる柔軟性を提供します
見た目/テーマ。
AfterStep カラースキームは標準的な色の名前のセットであり、異なる色を持つ場合があります。
それらに割り当てられた値。 この色の名前は、Look の定義および XML 画像で使用されます。 に
同じ色名に異なる色の値を割り当てることが瞬時に可能
画像や設定ファイルを変更せずに、Look 全体の色を変更します。
カラースキームのすべての色を明示的に定義する必要はありません。 ベースカラーのみです
重要。 AfterStep は見栄えの良い配色を自動生成できます。
単色。 カラースキームファイル内の明示的なカラー定義は、自動設定をオーバーライドします。
選択。 この例は、すべての色が次のような NeXTish カラースキームです。
カスタマイズされた。 Base にグレースケール カラーが選択されている場合、グレースケールが生成されます。
カラースキーム。色ごとに異なるグレーの色合いが使用されます。
選択したカラースキーム ファイルは、すべてのモジュールと適切なアフターステップによってロードされます。 新しいときはいつでも
colorcheme が選択されている場合、Look ファイルとすべての画像ファイルの再ロードがトリガーされます。
提供されたすべての Look ファイルは、AfterStep を利用するために作成されています。
配色。
カラースキームの生成方法やその他の詳細については、以下をお読みください。
色関連のトピック:
調和のとれた色 調和する色のセットを選択するという作業は非常に重要です。
何世紀にもわたってアーティストやデザイナーによって研究されてきました。 結果として一定のルールが存在する
このタスクを簡素化するために開発されました。
まず、赤/緑/青の色空間で色を選択するのではなく、色を一致させる必要があります。
色相/彩度/明度 (HSV) カラースペースを使用して選択できます。 色の色合いが最も重要です
色の特徴であり、0 (赤色の色相) から 60 (黄色の色相) までの度数で測定されます。
120（緑の色相）、180（シアンの色相）、240（青の色相）、300（紫の色相）、そして 360
これは 0 - 赤と同じ色相です。 色相は、いわゆるカラー サークル上に配置できます。
似合う色を選びやすくなります。
カラースキームを選択するには、主に XNUMX つのアプローチがあります。単一の色相または複数の色相です。
単一の色相は彩度が異なり、通常は落ち着いたシンプルな色を実現します。
テーマ。 このようなテーマは、見ていて楽しいかもしれませんが、興奮に欠け、面白くありません。
異なる要素を区別するのが難しい。
いくつかの色相を使用すると、テーマがもう少しエキサイティングになり、より多くの視覚的な手がかりが追加されます。
画面が表示されるため、操作が簡単になり、目の筋肉をリラックスさせることができます。
より優れた人間工学で。 したがって、これはユーザーのために使用されるべきアプローチです
インターフェイスの色。 では、調和のとれたテーマを構成する色合いを選択するにはどうすればよいでしょうか? のルール
親指はカラーサークル上で近い色同士が相性が良いということですが、
一方、円の反対側にあるものは、対照的な効果を生み出します。
AfterStep は、色のセットを生成することで、調和のとれた色を選択するタスクに対処します。
デザイナーのルールを使用して単一の色から。 画像の色合い 画面の外観 (別名テーマ)、
アイコン、背景、バーなどの多数の画像が含まれています。そのような各画像には、
XNUMX つまたは複数の支配的な色相。これにより、色相を一致させる作業に戻ります。
調和のとれた外観を実現するために。
ここで従うべき経験則は、特定のインターフェイス上の各画像
タイトルバーなどの要素には、要素と同じになるように、少なくとも XNUMX つの支配的な色相が必要です。
この要素の背景の色相。
画像の色相が背景の色相と一致していることを確認するには、いくつかの方法があります。
色合い
画像に単一の主要な色相がある場合、それをグレースケールに変換してから、
背景の色で着色します。
色相の回転
画像に複数の色相、または XNUMX つの色相といくつかのグレースケール部分がある場合、その色相は次のようになります。
画像を HSV カラースペースに変換し、色相の範囲を変更して回転させます。
画像を RGB カラースペースに変換し直します。
重ね合わせ
また、画像の色合いは、背景画像に重ね合わせることで変更できます。
アラノン合成法。各ピクセルを平均値で置き換えます。
画像のピクセル値と背景のピクセル値。
AfterStep は、XML 画像スクリプトを使用して画像の色相を変更するタスクに対処します。
詳細については、asimagexml を参照してください。 色の名前 AfterStep カラースキームの色の名前
いくつかのカテゴリに分類できます。
前景と背景
前景色はテキストのレンダリングに使用され、背景色はテキストのレンダリングに使用されます。
そのテキストの背景。 前景色にはいくつかの制約があります -
背景と対照的である必要があり、常に制約する方が良いです。
色付きのテキストが上に「にじむ」傾向があるため、前景色を白黒に変更します。
背景があり、資格が低くなります。 前景がカラフルであることに関する別の問題
それは、ユーザーの目の負担が増大し、あまりにも多くのことに適応することを強いられることです。
異なる対照的な色。
ベース、アクティブ、および非アクティブ
画面の一般的なカラーテーマは背景によって決まります。 したがって、私たちは
それをベースカラーとし、それに関連して残りのカラーを決定します。 今ならいつでも
特定の時間内に、XNUMX つの要素が集中してアクティブになり、他の要素がアクティブになる可能性があります。
焦点が合っていないため、視認性が低いと想定する必要があります。 使用するアクティブカラーを定義します
焦点を当てたアイテムを使用します (ベースカラーと対照的である必要があります)。 また、
焦点の合っていないアイテムで使用される非アクティブな色 (それらを作成することをお勧めします)
ベースカラーに似ています)。 焦点の合っていないウィンドウが 2 種類ある可能性があるため、
(スティッキーと非スティッキー)、実際には 2 つの非アクティブな色を定義します: Inactive1 と
非アクティブ2.
グラデーションカラー
グラデーションは、タイトルバーなどの色に使用すると、非常に魅力的な外観を作成します。
インターフェイス要素。 基本的には同じ色合いの色を使用するのが良いですが、
強度が異なります。 グラデーションに指定された色を示すために追加します
ダーク/ライトの色の名前の接尾辞。 COLOR VALUES AfterStep は非常にサポートします
カラー値を定義する柔軟かつ広範な方法。 標準的なアプローチは使用することです
#RRGGBB表記。 それに加えて、AfterStep は次の表記法をサポートしています。
#RGB #RRGGBB と同じですが、コンポーネントに 4 ビット値のみを使用します。 たとえば、#F84 は
#F08040と同じ。
#ARGB これは #RGB にアルファ値を加えたものと同じです (アルファ値は不透明度を定義します)
色）。
#AARRGGBB
これは、#RRGGBB に 8 ビットのアルファ値を加えたものと同じです。
hsv(色相、彩度、値)
HSV 色空間を使用して色を定義します。色相は 0 ～ 360 度で測定されます。
彩度と値は 0 から 100 まで測定されます。
RGB(赤、緑、青)
RGB色空間で色を定義します。 #RRGGBB 形式に似ていますが、値は含まれません。
0 進数ですが、255 進数 (XNUMX ～ XNUMX) です。 また、次のようなネストされた式も許可されます。
として: rgb(128,128,青(ベース))。
ahsv(アルファ、色相、彩度、値)
hsv() と同じですが、アルファ チャネルも追加します。
argb(アルファ、赤、緑、青)
argb() と同じですが、アルファ チャネルも追加します。
色相(色相、色)
指定された事前定義された色の色相を変更し、その彩度と値を維持します。
sat(彩度、色)
指定された事前定義された色の彩度を変更します。
val(値,色)
指定された事前定義された色の値を変更します。
アルファ(アルファ,カラー)
指定された事前定義された色のアルファを変更します。 これは色を作るのに便利です
配色は半透明。
赤(赤、色)
指定された事前定義された色の赤チャネル値を変更します。
緑(緑、色)
指定された事前定義された色の緑のチャネル値を変更します。
青(青、色)
指定された事前定義色の青チャネル値を変更します。
例：
#これはカラースキーム定義で使用できます:
Inactive1 #FF5C5B66 # または ahsv(255,245,10,40) または argb(255,92,91,102)
#これは、外観の MyStyle 定義で使用できます。 #これによりウィンドウがスティッキーになります
タイトルバーを半透明:
バックマルチグラデーション 6 アルファ(50,Inactive2Dark) 0.0 アルファ(50,Inactive2Light) 1.0
実際の色の使用は、MyStyle 定義の AfterStep ルック ファイルで定義されます。
また、すべての ColorScheme カラーは、次のように AfterStep XML 画像で使用できます。
標準の X カラー エイリアス。 それぞれの異なる側面を使用することも可能です
カラー - 赤、緑、青、アルファ、色相、彩度、値を個別に指定します。 それぞれについて
color には、次の構文を使用して定義された 6 つの変数があります。
$ascs.colorname.component 。 たとえば、$ascs.Active.hue は、
アクティブなカラー。 これは、変換 (ティント、HSV など) を実行するときに便利です。
AfterStep XML イメージ。
onworks.net サービスを使用してオンラインで ColorSchemex を使用する
