ホームページ  >  記事  >  ウェブフロントエンド  >  psのhslとは何ですか

psのhslとは何ですか

little bottle
little bottleオリジナル
2019-05-27 10:30:1418837ブラウズ

PS の

HSL は、非常に直感的な色表現方法です。この記事の編集者が HSL パネルについて簡単に説明します。

psの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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。