CSSの色のプロパティ。 カラーコード

Webページのスタイルを変更するためのツールのひとつ - CSSの色。 この設定を変更する方法はいくつかあります。 それぞれの長所と短所の両方があります。

名前

色プロパティは、アイテムの色を設定します。 タイトルの145件の色合いは、CSSに含まれています。 これらの中で（例えば、紅、lawngreenなど）と複合体（黒、青などの）単純あります。

ハードのリスト全体を覚えているので、スタイルシートの名前はほとんど使用されていません。

RGB

テレビのほとんどは、スマートフォン、モニタはRGBカラーモデルで動作します。 つまり、任意の色は、赤、緑、青の原色の組み合わせに設定することができます。 . 同様のアプローチは、両方のデバイスで使用され、CSSでれます。 основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. 色が 基本組成 であり 、0から255までの値をとることが可能な色の数は16777216に等しいです。

RGBモデルは直接ブラック、カラー画像の物理法則に関連しているので、RGB（0、0、0）、白色そこに指定されている- RGB（255、255、255）。 アルファチャンネルを添加して、RGBに完全に類似したRGBAシステム。 これは、背景シェードとのブレンドの透明性に影響します。 要素のこの形態では、「基板」に応じて変化するであろう。

HSL

どのようHLSシステムを理解するには、カラーホイールを提出する必要があります。 その中心に虹の他のすべての色（時計回り）を、赤色です。 цвета при помощи системы HLS требуется задать три параметра: HLSシステムを使用して CSSの 色を 決定するには 、 次 の3つのパラメータが必要です。

• （度）、色相-円の中心の方向。
• 彩度（パーセント） - あなたが必要とどのくらいの色。
• （パーセントで）輝度。

例えば、紫のような方法で決定することができる。HSL（315、100％、45％）。 HSLは、実験のために最も便利です。 勉強した後 、カラーホイールを、 スタイルシートを見ながら、あなたはおおよそ特定の要素を設定何色を表すことができます。 HSLA - 同じHLS、アルファのみを有する：HSL（0、100％、50、0.6） - 赤、透明なわずかに半分以上。

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSSで は、そのような値 ＃FF4500 によって決定オレンジなどの16進表現を使用して 色を 設定することができます 。

どのような16進表現をより良く理解するために、さらに小数点システムを検討すべきです。 これは、9より大きい数をカウントにおける必要性は、1ビットが追加されると、0から9までの数であり、そしてそれは10をオン、次いで100など。E.全て16進数で正確に同じ、それ9の後で、その後FへようにB、及び- 10進数で15と同じ。 そして、一桁を追加し、それは通常の面で16の10判明。

RGBのように、HEXの色は原色を使用するためにどのような割合で示します。 （＃FFD500色）この場合、それらはコンマで区切られていません。 すべての2つの文字は、赤、緑、青の数を指定します。

CSS. 原則として、HEXシステムは、正しい CSSの色を 見つけることは不可能であるため、実験中に使用されていません。 может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. 表には、 この問題に役立つことができますが、あなたは常にそれを参照する場合、作業が遅れることになります。 テンプレートは、グラフィックエディタから転送されたときに16進数表現が最も便利です。 それだけで1桁から3ターンよりもコピーする方がはるかに簡単です。

どの方法がベストですか？

このため、私たちは具体的な何かを言うことはできません。 インターフェースの要素は、透明性が必要な場合は、RGBAとHSLAの間で選択します。 ブラウザHLSカラーホイールで実験したい場合は、最も便利になります。 あなたは、パレットを使用してまたはPhotoshopからデザインを転送している場合は、CSSの16進数のカラーコードを好む必要があります。