ホームページ > 記事 > ウェブフロントエンド > psのhslとは何ですか
PS の
HSL は、非常に直感的な色表現方法です。この記事の編集者が HSL パネルについて簡単に説明します。
HSL とは何ですか?
RGB カラー モデルについては、多くの友人が聞いたことがあるでしょう、つまり、あらゆる色は、赤、緑、青の 3 原色を異なる割合で追加することによって生成されます。
しかし、RGB モデルは人間にとって直感的ではありません。たとえば、色が 60% 赤、30% 緑、90% 青で構成されていると言ったとしても、それが何であるかを想像するのは難しいはずです。 . 色?
そこで人々は、色をより直感的に表現できるように HSL 色空間を設計しました。
HSL は、色相、彩度、明度の 3 つの色の属性の略称です。
色相 (色相) は色の基本的な属性です。 これは、人々が通常紫、シアン、マゼンタなどの色の名前と呼ぶものです。すべての色相を円上で表現できます。
カラー ホイール上の 0 度、120 度、240 度の位置は、RGB モデルの赤、緑、青の 3 原色にそれぞれ対応します。原色はペアで混合されて二次色を形成します。たとえば、イエロー (60 度) は赤と緑で構成され、青と緑を追加してシアン (180 度) を形成し、マゼンタ (300 度) は赤と青で構成されます。
原色と二次色の間には、マゼンタと青の間の 270 度の紫など、さまざまな豊かな色相の遷移があります。 30度のオレンジは赤と黄色が混ざったものです。
彩度(彩度)とは色の純度を指します彩度が高いほど純粋で色が濃く、彩度が低いほど色は灰色がかって淡くなります。
明るさ (明度) は色の明暗の程度を指します . 明るさの値が高いほど色は白く、明るさが低いほど色は暗くなります。
色相、彩度、明度の 3 つの属性を円柱に統合して、HSL 色空間モデルを形成します。
HSL 円柱内の任意の点が色に対応します。リング上の度数は色の色相を表し、中心軸からの距離は色の彩度を表し、点の高さは色の明度に対応します。
以上がpsのhslとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。