問題タブ [hsl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
2144 参照

javascript - Javascript - 正規表現を使用して Hsl カラー文字列を照合および解析する

hsl カラー文字列を解析し、そこから 16 進数カラー文字列を取得しようとしています。正規表現を使用してみましたが、わかりません。hslカラー文字列を色相、彩度、および値フィールドに一致させて解析するために、私の正規表現はどのように見えるべきか。入力は以下のいずれかになります。

ありがとう。

0 投票する
1 に答える
806 参照

c# - HueModifier の輝度を設定する方法 - Aforge.Net

Aforge.net HueModifier および SaturationCorrection フィルターを使用して画像の色を変更しています。私の問題は、これらのフィルターと一緒に輝度を設定して、目的の色を取得する方法です。

0 投票する
0 に答える
160 参照

javascript - JavaScript を使用して適切な範囲の色 (他の色とは「十分に異なる」) を計算する

多くの key=value タグを使用し、値をテキストとして表示するラベルを使用して HTML UI でそれらを表し、キーに基づいて前景テキストの色を確定的に生成するオープン ソース プロジェクトに取り組んでいます (コードここで)。これがどのように見えるかを理解するには、スクリーンショット @ https://raw.github.com/vimeo/graph-explorer/master/screenshots/screenshot.pngを確認してください。右側のタグの凡例は、タグのキー文字列とそれらがマッピングされる色を示しています。今のところ、すべてのラベルの背景を RGB #333 のままにしておきます。これは、ページの暗い背景にほぼぴったり合っているように見えるからです。

ご想像のとおり、一部のキーでは、これは少しうまくいきません。たとえば、「ステータス」は暗い紫色の #7b0065 を返します。背景とのコントラストが十分に高くありません。

背景の反転色を計算するために読みやすさを保証するためにテキストの色を自動的に変更しようとしましたが、

  1. 背景色がすべて異なるため、非常に醜いページになります。
  2. テキストがまだ判読できないことがよくあります (多くの場合、さらに多くの場合、次のように見えます)。

したがって、逆の色を取得する代わりに、特定の色、つまり背景色 #333 から「離れている」色を計算する方がよい場合があります。

おそらく、特定の色と背景の間の「距離」を取得できます。近すぎる場合は、キーを少し変更して、もう一度試してください。または、より良いアイデアですか?

色が特定の色の範囲内にあるかどうかをチェックするのは面白そうに見えますが、これはルビー用であり、不適切な数学 (HSL/HSV なし) を使用しているようです。