HSLからHEXへ

HSLとHEXを比較する

CSS 3では、HSLを使用して色を定義する別の方法が導入されています（英語から。色相、彩度、明るさ）。は、色相、彩度、明度の3つのパラメータによって色が決定されるモデルです。各パラメータを個別に見てみましょう。 HSLの主な利点は、互いに独立して色特性を指定できることです。これはあなたに途方もない機会を開きます。色を簡単に明るく、暗く、彩度を上げたり、彩度を下げたりすることができます。そして、その日陰を維持しながら。またはその逆-彩度や明るさを変更せずに色相を変更します。多くの場合、プリプロセッサはそのような機能を使用するために使用されますが、プリプロセッサがなくても可能です。 hsl（）関数は、HSL色を指定するために使用されます。この関数は、コンマで区切られた3つの値（色相、彩度、明度）を取ります。彩度と明るさの値を変更することで、特定の色の隣接する色相を取得できます。

ほとんどの場合、ペアの最初の桁のみを考慮して、16進コードで色を認識することができます。以下の例では、色が赤が多く、青が少し混ざっていて、緑がまったく混ざっていないことがわかります。 16進コードで色を理解することで、Webデザイナーはページコードをより速くナビゲートできます。さらに、ああ、なんて素晴らしいバーガンディの色合いだと言うことで、同僚やクライアントにいつでも感動を与えることができます。 16進コードのみを編集することで、色の明るさ、色相、彩度を簡単に変更することもできます。以下の最初の例では、ペアの1つが10％ステップで変更され、色の明るさが増加します。 2番目の例では、明るさは上がりますが、彩度は下がります。 RGB値は、次の形式の16進（HEX）カラー値を使用して指定することもできます。＃RRGGBB、ここでRR（赤）、GG（緑）、およびBB（青）は00からFFまでの16進値です（10進数の0と同じ）。 255）。 10進法とは対照的に、16進法は、その名前が示すように、16という数に基づいています。