問題タブ [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 投票する
8 に答える
22396 参照

javascript - HSB/HSV色をHSLに変換します

HSBカラーをHSLに変換するにはどうすればよいですか?

Photoshopは、カラーピッカーにHSBカラーを表示します。HSLカラーはCSSで使用できます。

私はこのJSを試しました:

しかし、hsb2hsl(0, 100, 50).l == 0代わりに25

更新: HSB→RGB→HSLを変換せずにそれを行うことはできますか?

0 投票する
4 に答える
4982 参照

android - RGB値からHSLへのコンバーター

Googleマップのapiv3では、さまざまな機能の色の設定など、「スタイル」をマップに適用できます。ただし、使用するカラー形式はHSL(またはそのように見えるもの)です。

  • 色相(RGB 16進文字列)
  • 明度(-100から100の間の浮動小数点値)
  • 飽和(-100から100の間の浮動小数点値)

ドキュメントから)

RGBからHSLへのコンバーターをオンラインで見つけることができましたが、Googleマップが受け入れる方法で変換された値を指定する方法がわかりません。たとえば、コンバーターによって与えられる典型的なHSL値は次のようになります。209° 72% 49%

そのHSL値は、Google Maps APIから指定したパラメーターにどのようにマッピングされますか?つまり、色相度の値はRGBの16進文字列にどのようにマッピングされ、パーセンテージは-100から100までの浮動小数点値にどのようにマッピングされますか?

変換の方法がまだわかりません。RGB値を指定して、色が同じになるように、Googleマップが期待するものにすばやく変換する必要があります...

0 投票する
9 に答える
36208 参照

colors - 色理論: マンセル HVC を RGB/HSB/HSL に変換する方法

歯科で歯の色を表すために使用される標準的な色について説明している文書を見ています。これらは、色相彩度の値を引用し、1905 年のマンセルの色の記述からのものであることを示しています。

1905 年に AH Munsell によって開発された色表記のシステムは、HUE、VALUE (明るさ)、CHROMA (彩度) の 3 つの属性で色を識別します [ 15 ]。

色相 (H): マンセルは色相を、ある色を別の色と区別する品質として定義しました。彼は、赤、黄、緑、青、紫の 5 つの原色を選択しました。5 つの中間色: 黄赤、緑黄、青緑、紫青、赤紫。これらはカラー サークルの周りに同じポイントで配置され、これらのポイント間の色は 2 つの色の混合であり、より近いポイント/色が優先されます (図 1 を参照)。

代替テキスト

値 (V): この表記法は、絶対的な黒 (値記号 0) から絶対的な白 (値記号 10) までのニュートラル グレー スケールに対する色の明るさまたは暗さを示します。これは基本的に、色の「明るい」程度です。

CHROMA (C): これは、同じ値のニュートラル グレーからの特定の色相の発散度を示します。彩度のスケールは、評価するサンプルの強度 (彩度) に応じて、ニュートラル グレーの 0 から 10、12、14 またはそれ以上の値まで拡張されます。

色の分類にはさまざまなシステムがありますが、Vita システムは歯科で最も一般的に使用されています。これは、文字 A、B、C、および D を使用して、歯の色相 (色) を表します。彩度と値はどちらも 1 ~ 4 の値で示されます。A1 は A4 よりも明るいですが、A4 は A1 よりも彩度が高くなります。値、つまり明るさの順に並べると、最も明るいものから最も暗いものへの順序は次のようになります。

A1、B1、B2、A2、A3、D2、C1、B3、D3、D4、A3.5、B4、C2、A4、C3、C4

各色合いの色相、明度、彩度の正確な値を以下に示します ( 16 ) 。

代替テキスト

私の質問は、マンセル HVC を RGB、HSB、または HSL に変換できる人はいますか?

彼らは、Value(Brightness) が から変化すると言いますが0..10、これは問題ありません。したがって、7.05 は 70.5% を意味します。

しかし、何をHue測定しますか?私は(0..360)で測定される色相に慣れています。degreesしかし、私が見る値はすべて赤になります - それらがもっと黄色または茶色であるべきとき。

最後に、Choma/Saturation の範囲は0..10... またはそれ以上であり、任意のスケールのように聞こえます。

では、Munsell HVC を HSB や HSL、さらには RGB に変換できる人はいますか?

0 投票する
6 に答える
13467 参照

image-processing - Photoshop の色相・彩度調整レイヤーのアルゴリズム

Photoshopで調整レイヤーがどのように機能するか知っている人はいますか? ソース画像と色相/彩度調整レイヤーからの HSL 値を持つ結果画像を生成する必要があります。RGB に変換してから元の色と乗算しても機能しません。

または、色相/彩度調整レイヤーを、適切に設定されたブレンド モード (倍率、スクリーン、色相、彩度、色、明度など) を持つ通常のレイヤーに置き換えることは可能ですか? もしそうなら、どのように?

ありがとう

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

objective-c - RGB から HSL への変換は、値のバイスでは問題ないように見えますが、視覚的にはそうではありません

ここで初心者の質問。

  1. R:53、G:37、B:11 の RGB 値があるとします。
  2. だから私は長方形の背景色を次のように設定します:

    [UIColor colorWithRed:0.53 green:0.37 blue:0.11 alpha:1.00];

  3. ここで、H:0.10、S:0.16、L:0.13 という RGB から HSL への変換を行います。

  4. だから私は同じ長方形の背景色を設定します:

    [UIColor colorWithHue:0.10 saturation:0.16 brightness:0.13 alpha:1.00];

問題は、HSL カラーがRGB カラーのように見えないことです。変換結果をオンライン コンバーターと比較したところ、私が判断できる限り問題ないようです。

私はおそらく何かを間違って解釈しています。

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

javascript - ブラウザがJavascriptでHSLカラーをサポートしているかどうかを確認するにはどうすればよいですか?

ブラウザがHSL色をサポートしているかどうかを判断できるようにしたいのですが、サポートしていない場合は、生成されたRGB色にフォールバックします(両方を生成しました)。ユーザーが使用しているブラウザを実際に確認せずにそれを行う方法はありますか?

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

python - HSL の色をテストします。理想的には、緑に隣接する赤を避けます (一般的な色盲のタイプ)。

このページの一番上の回答に触発されて、N 個の異なる HEX 色を生成する Python プログラムを作成しました。違いは、元の作成者が math.random() を使用して彩度と輝度を生成するのに対し、私は常に一意の色相、彩度、輝度を提供することを保証できる三角関数を使用し、プログラムできるという利点も提供することです。黄色は青よりも暗く見えるため、白い背景と黒いテキストとのコントラストが向上します(必要なものです)。
私が実際に使用するコードは、Web カラー コードを作成できるように、RGB を介して HSL コードを HEX コードに変換します。
私の質問は:-

  1. このモデルを使用して、赤が緑の隣に表示されないことをどのように保証できますか??
  2. カラーコードを生成するのは簡単ですが、どうすれば簡単に見ることができますか? 現在、pdf / png / eps を生成するサーバーに非常に大きなファイルをアップロードしてから、再度ダウンロードする必要があります。
  3. 私はテストでこれを行うことができますが、HSL モデルを使用して、色の上に黒いテキストがある白い背景に対してコントラストが最大化される色を生成した経験のある人はいますか? 青は黒のテキストを非常に見にくくし、黄色は白に対して見にくい場合があります...

ps。これは実際に私が使用するコードではありませんが、すべてはここから始まります。完全な Python スクリプトは、こちらから入手できます。
乾杯、
アレックス

__iter__ここに質問に対する回答として書かれた関数

0 投票する
2 に答える
2902 参照

c# - RGB から HSL、色相の計算が間違っている

色相コンポーネントを使用したいので、RGB32 値を HSL に変換しようとしています。

このクラスを作成するために、オンラインで見つけたいくつかの例を使用しました。

しかし、それは正しく動作していないようです、

たとえば、次の入力色を使用する場合(R 0, G 255, B 193): Hue = 0 Photoshop で取得するのとまったく同じ RGB 値を選択すると、次のようになります。 Hue = 165 これが正しい値です。

色相を 0 ~ 360 または 0 ~ 240 の範囲の値にしたい

何が問題ですか?..

参考: EasyRGB RGB→HSL

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

c# - RGB から HSL への往復、計算の問題

RGB を HSL に変換しようとしていて、HSL から RGB にも変換したいのですが、そのためのクラスを作成しましたが、RGB->HSL->RGB を実行して動作するかどうかを試すと、別の値が得られます。

例: を実行して HSLColor オブジェクトを作成した場合、元の入力時とは異なる色が得られるため、HSLColor MyTestConversion = HSLColor.FromRGB(Colors.Green); 何か 問題が発生します..Color ExpectedGreenHere = MyTestConversion.ToRGB()Colors.Green

これは私が使用しているコードです:

参考資料: EasyRGB Color Math

0 投票する
2 に答える
8436 参照

colors - How to alter brightness of a single rgb color simply and easily via php?

A quesion about RGB color and finding the simplest, tiniest, php conversion code for manipulating the lightness/darkness of a given RGB hue.

Imagine a variable $colorA containning a valid six char RGB color, like F7A100 which we want to make a bit lighter and/or darker:

#xA;

Then, at any page have that color bit darker/lighter on the fly:

#xA;

What would be YOUR way of solving this? Keep the RGB as is or first change it to HSL? Hints and suggestions are welcome. Your sample/code is welcome too.

This really focuses to the TINIES / SIMPLES / SHORTEST possible code to just make the same hue bit darker/lighter.

I deliberately do not suggest my code, as I want to keep possibilities open in here.