黒いコードとは何ですか。 スタイルの色は、さまざまな方法で設定できます.16進数の値、RGB、RGBA、HSL、HSLA形式で名前。
CSSのカラーコードは色を示すために使用されます。 原則として、カラーコードまたはカラー値は、色を取り付けるために、または要素の前景(テキストの色、参照)、または要素の背景(背景色、ブロック)のために使用されます。 それらはまた、ボタンの色、罫線、マーカー、ガイダンスおよびその他の装飾的な効果を変えるためにも使用することができます。
色値をさまざまな形式で設定できます。 次の表に、可能なすべてのフォーマットを示します。
以下では、リストされているフォーマットについて説明します。
CSSカラー - 16進コード
サンダカラーコード - これは色の6桁のプレゼンテーションです。 最初の2桁(RR)は赤い値であり、次の2つは緑色の値(GG)であり、後者は青い値(BB)である。
CSSカラー - ショートヘクスコード
短い六角カラーコード - これは6桁の表記のより短い形式です。 このフォーマットでは、各桁が繰り返されて同等の6桁の色値が得られます。 たとえば、#0F0が#00FF00になります。
16進数値は任意のグラフィックから取得できます ソフトウェア、 といった アドビフォトショップ。、コアロー等。
CSSの各Hex Collarは、ヘシャ「#」記号の前に先行します。 以下は16進指定の使用例です。
CSSカラー - RGB値
RGB値 - これはRGB()プロパティを使用して設定されているカラーコードです。 このプロパティは3つの値を取ります:赤、緑、青のためのもの。 値は、0から255、またはパーセントの整数です。
注意: すべてのブラウザがRGB()色のプロパティをサポートするわけではないため、使用することはお勧めできません。
以下は、RGB値を使用して数色を示す例です。
カラーコードジェネレータ
私達のサービスを使って何百万ものカラーコードを作成することができます。
安全なブラウザの色
以下は、最も安全でコンピュータとは無関係の216色の表です。 CSSのこれらの色は、000000から16進コードのFFFFFFまでです。 256カラーパレットで作業するときにすべてのコンピュータが正しく表示されるようにするため、それらは安全に使用できます。
CSSの表の「安全な」色 | |||||
#000000 | #000033 | #000066 | #000099 | #0000cc | #0000FF。 |
#003300 | #003333 | #003366 | #003399 | #0033cc | #0033ff。 |
#006600 | #006633 | #006666 | #006699 | #0066cc | #0066ff。 |
#009900 | #009933 | #009966 | #009999 | #0099cc。 | #0099FF。 |
#00cc00。 | #00cc33。 | #00c66。 | #00c99。 | #00cccc。 | #00 cff。 |
#00フィクスル。 | #00FF33。 | #00FF66。 | #005099。 | #00フィートの | #00フィフ。 |
#330000 | #330033 | #330066 | #330099 | #3300cc | #3300月。 |
#333300 | #333333 | #333366 | #333399 | #3333cc | #3333ff。 |
#336600 | #336633 | #336666 | #336699 | #3366cc | #3366ff。 |
#339900 | #339933 | #339966 | #339999 | #3399cc | #3399ff。 |
#33cc00。 | #33cc33 | #33cc66。 | #33cc99。 | #33cccc。 | #33cff。 |
#33FF00。 | #33FF33 | #33FF66。 | #33FF99。 | #33FFCC. | #33FFFF。 |
#660000 | #660033 | #660066 | #660099 | #6600cc | #6600FF。 |
#663300 | #663333 | #663366 | #663399 | #6633cc | #66336FF。 |
#666600 | #666633 | #666666 | #666699 | #6666cc | #66666FF。 |
#669900 | #669933 | #669966 | #669999 | #6699cc | #6699ff。 |
#66cc00。 | #66cc33 | #66cc66。 | #66cc99。 | #66cccc。 | #66cff。 |
#66FF00。 | #66FF33。 | #66FF66。 | #66FF99。 | #66FFCC. | #66FFFF。 |
#990000 | #990033 | #990066 | #990099 | #9900cc | #9900FF。 |
#993300 | #993333 | #993366 | #993399 | #9933c。 | #9933ff。 |
#996600 | #996633 | #996666 | #996699 | #9966cc | #99666FF。 |
#999900 | #999933 | #999966 | #999999 | #9999cc | #9999ff。 |
#99cc00。 | #99cc33 | #99cc66 | #99cc99。 | #99cccc。 | #99cfff。 |
#99FF00。 | #99FF33。 | #99FF66。 | #99FF99。 | #99FFCC. | #99フィックス。 |
#CC0000。 | #CC0033。 | #CC0066。 | #cc0099。 | #cc00cc。 | #cc00ff。 |
#CC3300。 | #CC3333。 | #CC3366。 | #CC3399。 | #cc33cc | #cc33ff。 |
#CC6600。 | #CC6633。 | #CC6666。 | #CC6699。 | #cc66cc。 | #cc66ff。 |
#cc9900。 | #CC9933。 | #cc9966。 | #cc9999。 | #cc99cc | #cc99ff。 |
#ccc00 | #cccc33 | #cccc66。 | #cccc99。 | #CCCCCCC | #ccccff。 |
#ccff00。 | #ccff33. | #ccff66。 | #ccff99。 | #ccffcc. | #ccffff。 |
#FF0000。 | #FF0033 | #FF0066 | #FF0099。 | #FF00CC | #ff00ff。 |
#FF3300。 | #FF3333. | #FF3366。 | #FF3399 | #ff33cc | #FF33FF。 |
#FF6600。 | #FF6633 | #FF6666。 | #FF6699。 | #FF66CC | #FF66FF。 |
#FF9900。 | #FF9933 | #ff9966 | #ff9999。 | #FF99CC | #ff99ff。 |
#ffcc00 | #ffcc33. | #ffcc66。 | #ffcc99 | #ffccccc | #ffccff。 |
#ffff00。 | #ffff33. | #ffff66. | #ffff99。 | #FFFFCC | #FFFFFF。 |
に HTMLカラー 3つの方法を設定できます。
その名前によるHTMLのタスク色
いくつかの色は名前の色を使用して自分の名前で指定できます。 英語。 最も一般的なキーワード:黒(黒)、白(白)、赤(赤)、緑(緑)、青(青)とDR:
テキストの色 - 赤
最も人気のあるコンソーシアム標準色 ワールドワイドウェブ (Eng。ワールドワイドウェブコンソーシアム、W3C):
色 | 名前 | 色 | 名前 | 色 | 名前 | 色 | 名前 |
---|---|---|---|---|---|---|---|
ブラック。 | グレー。 | 銀 | 白い | ||||
黄 | ライム | アクア。 | フクシア。 | ||||
赤 | 緑。 | 青 | 紫の。 | ||||
マルーン。 | オリーブ。 | 海軍。 | ティール |
さまざまな色名を使用する例:
例:その名前による色タスク
- 自分で試してみてください」
赤い背景のタイトル
オレンジ色の背景にタイトル
ライムの背景にタイトル
青い背景に白いテキスト
赤い背景のタイトル
オレンジ色の背景にタイトル
ライムの背景にタイトル
青い背景に白いテキスト
RGBを使用したカラータスク
モニタに色が異なる場合は、RGBパレットを基本とします。 3つのメインを混ぜることによって任意の色が得られます。 R - 赤(赤), G - 緑(緑), 青(青)。 各色の明るさは1バイトで設定され、したがって0から255までの値を取ることができます。たとえば、RGB(255.0.0)は赤に表示されるため、RGB(255.0.0)は赤く表示されます。 、残りは0に設定されています。色をパーセントで設定することもできます。 各パラメータは、対応する色の明るさのレベルを示す。 例:RGB値(127,255,127)とRGB(50%、100%、50%)は、同じ緑色の飽和色を設定します。
例:RGBを使用したタスク色
- 自分で試してみてください」
rGB(127,255,127)
rGB(50%、100%、50%)
RGB(127,255,127)
RGB(50%、100%、50%)
16進数で色を設定します
値 r g b rr(red)、gg(grine)、およびbb(青)が00からffまでの16進値である#RRGGGBBの形式で16進数(16進数)のカラー値を一覧表示することもできます。 -255)。 10進システムとは対照的に、16進システムは、16の間で次のように基づいています.16進システムは次の符号を使用します.0,1,2,3,4,5,6,7,8、ここでは、10から15までの数字がラテン文字に置き換えられている。 数値は16進システムで15を超えると、2文字に1つの値に関連付けられています。 たとえば、最大数255インチ 10進システム 16進システムで最高のFF値を一致させます。 10進システムとは対照的に、16進数の前に、格子シンボルを置く # たとえば、#FF0000は赤色として表示され、赤は最高値(FF)にインストールされ、残りの色は最小値(00)に設定されています。 格子記号の後の看板 # 大文字と線の両方をダイヤルできます。 16進システムでは、各文字がdoubleと同等の形式の略形式#RGBを使用できます。 したがって、録音#F7Oは#FF7700と見なされるべきです。
例:カラーヘクス
- 自分で試してみてください」
赤:#FF0000
緑:#00フィート
青:#0000ff
赤:#FF0000
緑:#00フィート
青:#0000ff
赤+ green \u003d黄:#FFFF00.
赤+青\u003d紫:#FF00FF
緑+ BLUE \u003d BLUE:#00フィフ
広範囲にわたる色のリスト(名前、Hex、RGB):
英語名 | ロシアの名前 | サンプル | ヘクス。 | RGB。 | ||
---|---|---|---|---|---|---|
アマランス。 | アマランテ | #E52B50。 | 229 | 43 | 80 | |
アンバー | アンバー | #FBF00 | 255 | 191 | 0 | |
アクア。 | サイングリーン | #00フィフ。 | 0 | 255 | 255 | |
紺碧。 | 紺碧 | #007FFF。 | 0 | 127 | 255 | |
ブラック。 | 黒い | #000000 | 0 | 0 | 0 | |
青 | 青 | #0000FF。 | 0 | 0 | 255 | |
ボンディブルー。 | ウォータービーチボンド | #0095b6。 | 0 | 149 | 182 | |
真鍮。 | 真鍮 | #B5A642。 | 181 | 166 | 66 | |
褐色。 | 褐色 | #964b00。 | 150 | 75 | 0 | |
セルリアン。 | 紺碧 | #007ba7。 | 0 | 123 | 167 | |
ダークスプリンググリーン。 | ダークスプリンググリーン | #177245 | 23 | 114 | 69 | |
エメラルド。 | エメラルド | #50C878。 | 80 | 200 | 120 | |
ナス。 | ナス | #990066 | 153 | 0 | 102 | |
フクシア。 | f | #ff00ff。 | 255 | 0 | 255 | |
ゴールド。 | ゴールド | #FFD700。 | 250 | 215 | 0 | |
グレー。 | グレー | #808080 | 128 | 128 | 128 | |
緑。 | 緑 | #00フィクスル。 | 0 | 255 | 0 | |
インジゴ。 | インジゴ | #4B0082。 | 75 | 0 | 130 | |
翡翠 | 翡翠 | #00A86B。 | 0 | 168 | 107 | |
ライム | ライム | #ccff00。 | 204 | 255 | 0 | |
マラカイト | マラカイト | #0BDA51 | 11 | 218 | 81 | |
海軍。 | 濃紺 | #000080 | 0 | 0 | 128 | |
黄土 | 黄土 | #CC7722。 | 204 | 119 | 34 | |
オリーブ。 | オリーブ | #808000 | 128 | 128 | 0 | |
オレンジ | オレンジ | #ffa500。 | 255 | 165 | 0 | |
桃。 | 桃 | #ffe5b4 | 255 | 229 | 180 | |
かぼちゃ。 | かぼちゃ | #FF7518。 | 255 | 117 | 24 | |
紫の。 | 紫の | #800080 | 128 | 0 | 128 | |
赤 | 赤 | #FF0000。 | 255 | 0 | 0 | |
サフラン。 | サフラン | #F4C430 | 244 | 196 | 48 | |
海の緑。 | 緑の海 | #2E8B57 | 46 | 139 | 87 | |
緑色の沼地。 | ボロトナヤ | #ACB78E。 | 172 | 183 | 142 | |
ティール | サイングリーン | #008080 | 0 | 128 | 128 | |
ウルトラマリン | ウルトラマリン | #120a8f。 | 18 | 10 | 143 | |
バイオレット。 | 紫の | #8B00FF。 | 139 | 0 | 255 | |
黄 | 黄 | #ffff00。 | 255 | 255 | 0 |
彩度と陰影の花のコード(背景)。
11/28/14 11.1k。残念ながら、サイトの味覚感覚は不可能な間は表示できません。 しかし、これは配色によって完全に補償され得る。 結局、HTML色を使用すると、何百万色の色合いを表示できます。 そのため " 色鉛筆「彼のセットでは、はるかに7人以上。
HTMLの色域
HTMLでは、色をいくつかの形式で設定できます。
1. 16進数の形式で、16進数計算システムで指定されたコードが使用されます。 HTMLのそのような色コードは、16進数の3対で構成されています。 各カップルは、その原色を持つシェードの彩度を担当しています。
- 最初の数値ペア - 赤の責任があります。
- 2番目の蒸気 - 緑の内容について。
- 後者は青の内容のためのものです。
コードの始めに(数字の前に)格子を入れます。 その結果、16進カラーコードを表します。 この計算システムでは、1から9までの数字に加えて、ラテンアルファベット(A、B、C、D、E、F)の文字が使用されます。
たとえば、コード 白色 HTMLは見て#FFFFFFを見ています:
2.キーワード - HTMLは約147キーワードをサポートしています。 しかし、これらの単語のすべてが一意ではありません。 それらのいくつかは同じ色の色合いを指します。
グレーは2つのキーワードで示されています:グレーとグレー。 それらの16進コード(Hex)は同じ値#808080に設定されています。
例:
#808080
3. RGB形式では、HTMLのこのカラーエンコーディングは、0から255の範囲で指定された3つの値の使用に基づいています。それらのそれぞれは、メインカラーの1つによるシェードの彩度を決定します。
- R - 赤(赤)。
- G - 緑(緑);
- B - 青(青)。
RGB形式の色番号はこの形式で記録されています.RGB(0,210,100)。
背景色:RGB(100,186,43)
4. RGBAフォーマットでは - それは高度なRGB形式です。ここで、4番目の値は0から1の10進数の形式の色の透明度に設定されます。
使用例:
背景色:RGBA(100,86,143,0.2)
背景色:RGBA(100,86,143,0.5)
背景色:RGBA(100,86,143,0.8)
背景色:RGBA(100,86,143,1)
HTMLカラーテーブルとカラージェネレータ
このような大きな散布フォーマットでは、カラーインストールフォーマットは混乱しやすいです。 したがって、特別な色のテーブルが発明されました。 その中では、カラーシェードのキー名は、すべての主要なカラー表現規格でコンプライアンスコードを与えられます。 さらに、各フィールドには色の視覚的な選択のための脚が装備されています。 これらのテーブルの1つはcolorscheme.ruに表示されます。
しかし、そのようなコンプライアンスの構造化でさえも、所望の色合いの選択は困難であり得る。 はい、カラーコードの表に必要なものがあるという事実ではありません。
この障壁を回避し、できるだけ希望のシェードの選択を簡素化するために、対話型Webサービスが開発されました。 ユーザーインターフェイスはやや違うことがあります。
html-color-codes.infoフラワージェネレータにはこの種があります。
そしてColor-picker.appsmaster.coサービス内では、このツールは少し異なる実現されています。
発電機の各色の彩度は、特別なスライダーを使って設定されています。 視覚的にシェードは、フレームの色と左側の長方形によって表示されます。 3フィールドの下部には、メインフォーマットのカラーコードが表示されます。
しかし、フラワージェネレータは特殊なサイトだけでなく利用可能です。 ほとんどすべてのグラフィックエディタには同様のツールが装備されています。 たとえば、Photoshop:
色を使ったときの安全性
そしてそれは昔の前に、まだ256色しかサポートするビデオカードの時代にありました。 それらの遠い時代に os 特定の数の8ビット色合いのみを表示するのに歪みができませんでした。
それから安全な色の素晴らしいテーブルが繁殖しました。 それはその時間のいずれかのブラウザに歪みなしで表示することができる216色のシェードを示しました。 今日のこの日に great子»まだいくつかのリソースで利用可能です。
今日はすべてが変わりました。 したがって、HTMLの色を使用しているときのすべての安全規制は完全に無効です。 結局のところ、モダンなコンピュータハードウェアは1600万以上の色合いをサポートしています。 そして216の安全な色が飛ぶ。
色を設定するには、16進コードで数値が使用されます。 10進システムとは異なり、16進システムは、番号16の中から次のように基づいています。数字は次のようになります.0,1,2,3,4,5,6,7,8,9、 A、B、C、D、E、F。10から15の数字はラテン文字に置き換えられます。 数値は16進システムで15を超えていますが、2つの数字の組み合わせによって形成されます。 たとえば、10進システム内の数値255は、16進システム内の数FFに対応します。 番号システムの定義に混乱を混乱さないために、グリッドシンボルは16進数の前に設定されます。#666999。 3色のそれぞれは赤、緑、青です - 00からFFまでの値を取ることができます。 したがって、色の指定は3つのコンポーネント#RRGGBBに分割されます。ここで、最初の2文字は色の赤い成分をマークし、2つの中緑色、そして最後の2つは青です。 各文字は2倍になるように短縮形の#RGBの形式を使用することが許可されています。 そのため、録音#FE0は#FFE00と見なされるべきです。
タイトル別に
インターネットエクスプローラ。 | クロム。 | オペラ。 | サファリ。 | Firefox | アンドロイド | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ブラウザは自分の名前に応じていくつかの色をサポートしています。 タブで。 図1は、名前、16進コード、RGB、HSL形式、および説明を示しています。
名前 | 色 | コード | RGB。 | hsl. | description |
---|---|---|---|---|---|
白い | #FFFFFFFまたは#FFF。 | rGB(255,255,255) | hSL(0.0%、100%) | 白い | |
銀 | #C0C0C0。 | rGB(192,192,192) | hSL(0.0%、75%) | グレー | |
グレー。 | #808080 | rGB(128,128,128) | hSL(0.0%、50%) | 濃い灰色 | |
ブラック。 | #000000または#000 | rGB(0,0,0) | hSL(0.0%、0%) | 黒い | |
マルーン。 | #800000 | rGB(128,0,0) | hSL(0.100%、25%) | 暗赤色 | |
赤 | #FF0000または#F00 | rGB(255,0,0) | hSL(0.100%、50%) | 赤 | |
オレンジ。 | #ffa500。 | rGB(255,165,0) | hSL(38.8.100%、50%) | オレンジ | |
黄 | #ffff00または#ff0 | rGB(255,255,0) | hSL(60,100%、50%) | 黄 | |
オリーブ。 | #808000 | rGB(128,128.0) | hSL(60,100%、25%) | オリーブ | |
ライム。 | #00FF00または#0F0 | rGB(0.255.0) | hSL(120.100%、50%) | ライトグリーン | |
緑。 | #008000 | rGB(0.128.0) | hSL(120,100%、25%) | 緑 | |
アクア。 | #00フィフまたは#0FF | rGB(0,255,255) | hSL(180.100%、50%) | 青 | |
青 | #0000ffまたは#00F | rGB(0,0,255) | hSL(240.100%、50%) | 青 | |
海軍。 | #000080 | rGB(0,0,128) | hSL(240.100%、25%) | 濃紺 | |
ティール | #008080 | rGB(0,128,128) | hSL(180.100%、25%) | サイングリーン | |
フクシア。 | #ff00ffまたは#f0f | rGB(255,0,255) | hSL(300,100%、50%) | ピンク | |
紫の。 | #800080 | rGB(128,0,128) | hSL(300,100%、25%) | 紫の |
RGBを使用する。
インターネットエクスプローラ。 | クロム。 | オペラ。 | サファリ。 | Firefox | アンドロイド | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Decimal Calculusの赤、緑、青のコンポーネントの値を使用して色を判断できます。 3つの色成分のそれぞれは、0から255までの値を取ります。カラーをパーセンテージ比率として設定することもでき、100%は255個の数値に対応します。 RGB(255,128,128)またはRGBなどの色成分(100%、50%、50%)。
RGBA.
インターネットエクスプローラ。 | クロム。 | オペラ。 | サファリ。 | Firefox | アンドロイド | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBAフォーマットはRGB上の構文と似ていますが、要素の透明度を指定するアルファチャンネルを含みます。 0の値は完全な透明度、1 - 不透明度に対応します。 中間値 それは0.5 - 半透明のようです。
RGBAはCSS3に追加されているので、このバージョンに従ってCSSコード検証を実行する必要があります。 CSS3規格はまだ開発中であり、それが変わる可能性があることに注意してください。 たとえば、Background-Colorプロパティに追加されたRGB形式の色は検証を渡し、背景はすでにプロパティに追加されています。 同時に、ブラウザは両方のプロパティの色をかなり正しく理解しています。
hsl.
インターネットエクスプローラ。 | クロム。 | オペラ。 | サファリ。 | Firefox | アンドロイド | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLフォーマットの名前は、最初の色相文字(色合い)、飽和物質および明度(Svetlota)の組み合わせから形成されます。 色合いはカラーサークル(図1)の色の値であり、度数で設定されます。 0°は赤色、120° - 緑、240°青に対応しています。 シェード値は0から359まで変化します。
図。 カラーサークル
彩度は色の強度であり、0%から100%のパーセンテージとして測定されます。 0%の値は、灰色の色と色合いが存在しないことを示します。最大飽和値は100%です。
Svetlotaは、色が明るい量を設定し、0%から100%のパーセンテージとして示されます。 小さい値は色が暗く、高軽量で、0%、100%の極値が白黒色に対応します。
hsla.
インターネットエクスプローラ。 | クロム。 | オペラ。 | サファリ。 | Firefox | アンドロイド | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLAフォーマットはHSL構文と似ていますが、要素の透明度を指定するアルファチャンネルを含みます。 値0は、完全な透明度、1 - 不透明度、および0.5 - 半透明のような中間値に対応します。
RGBA、HSL、およびHSLAフォーマットのカラー値がCSS3に追加されるため、これらのフォーマットを使用する場合は、バージョンを考慮して有効性のコードを確認してください。
HTML5 CSS2.1 CSS3 IE CR OP SA FX
警告
サイトに記載されているすべてのライオン漁法は理論的であり、計算方法に基づいています。 著者らは、それらを使用するときにあなたの安全を保証し、その結果に対するすべての責任を取り除きます。 覚えておいて、ライオンは捕食者と危険な動物です!
この例の結果を図4に示す。 2。
図。 2.ウェブページの色
Vlad Merzehevich
HTMLでは、色は2つの方法の1つによって設定されます.16進コードの助けといくつかの色の名前によって設定されます。 メソッドは主に、最も普遍的な16進数の計算システムに基づいて使用されます。
六角
HTMLの色を設定するために、数字は16進コードで使用されます。 10進システムとは異なり、16進システムは、番号16の中から次のように基づいています。数字は次のようになります.0,1,2,3,4,5,6,7,8,9、 A、B、C、D、E、F。10から15までの数字はラテン文字に置き換えられます。 タブで。 6.1 10進数と16進数の対応が与えられます。
数字は16進システムで15を超えています(表6.2)、2つの数字の組み合わせによって形成されます。 たとえば、10進システムの255は、数値FFに16進数である。
番号システムの定義に混乱を混乱さないためには、グリッドシンボルは16進数の前に設定されます。#AA69CC。 この場合、レジスタは問題ではないので、#F0F0F0または#F0F0F0を書き込むことができます。
HTMLで使用されている典型的な色は次のとおりです。
ここでWebページの色は#FA8E47として設定されています。 数字の前の格子記号#は、それが16進数であることを意味します。 最初の2桁(FA)は色の赤い成分を決定し、3番目の(8e) - 緑、最後の2桁(47) - 青の数字を決定します。 その結果、そのような色が出る。
fa。 | + | 8E。 | + | 47 | = | FA8E47。 |
3色のそれぞれは赤、緑、青 - 00からFFまでの値を取ることができます。これは最終的に256色の色合いを形成します。 したがって、色の総数は256 x 256 x 256 \u003d 16.777.216の組み合わせにすることができます。 赤、緑、青の成分に基づくカラーモデルをRGB(赤、緑、青、赤、緑、青)と呼びました。 このモデルは(Add-tarayから)添加剤で、3つの成分すべての添加が白を形成します。
16進数の色で移動を容易にするために、いくつかの規則を考慮に入れてください。
- 色成分の値が同じ(例えば、#D6D6D6)の場合、それは判明しました 灰色の色合い。 より その他の数、より軽い色、値は#000000(黒)から#FFFFFF(白)に変化します。
- 赤色の成分を最大(FF)とし、残りのコンポーネントがリセットされている場合は、明るい赤色が形成されます。 値#FF0000の色は、可能な赤い色合いの最も赤いものです。 これは緑(#00FF00)と青(#0000FF)で同じです。
- 黄色(#FFFF00)は、赤を緑色に混合することによって得られる。 カラーサークル(図6.1)にはっきりと見えます。ここで、メインカラー(赤、緑、青)、および補完的または追加または追加が提示されています。 これらには、黄色、青、紫色(それでも紫色という)が含まれます。 一般に、彼の近くの花を混ぜることによって任意の色を得ることができます。 だから、青と緑を組み合わせることによって青(#00FFFF)が得られます。
図。 6.1。 カラーサークル
16進値の色は必ずしも経験的に選択されません。 グラフィックエディタはこの目的のために機能し、Adobe Photoshopなどのさまざまなカラーモデルで動作できるようになります。 図1において、No。 6.2このプログラムで色を選択するウィンドウの表示このプログラムでは、ラインは現在の色の結果として生じる16進値を丸めました。 コピーして自分のコードに貼り付けることができます。
図。 6.2。 色の色を選択するウィンドウ photoshop Program.
Webカラー
モニタカラーレンディションの品質を8ビット(256色)で設定した場合は、同じ色が表示されることがあります。 別のブラウザ それ自身の方法で。 これは、ブラウザが自分のパレットと連携し、パレットにいない色を表示することはできません。 この場合、色は他の画素の組み合わせ、それに近い、指定された色を模倣する。 色が異なるブラウザで変更されないままにするために、いわゆるWebカラーのパレットを導入しました。 WebSIBSはそのような色と呼ばれ、そのコンポーネントはそれぞれのコンポーネントと呼ばれます - 赤、緑、青 - 6つの値の1つがインストールされています - 0(00)、51(33)、102(66)、153(99)、204(CC )、255(FF)。 ブラケットでは、このコンポーネントの16進値が表示されます。 すべての可能な組み合わせからの色の総数は6×6×6 - 216色を与えます。 例Webカラー - #33FF66。
Web-Colorの主な機能は、すべてのブラウザに均等に表示されることです。 現時点では、監視者の品質を向上させ、能力を拡大するため、Webカラーの関連性はかなり小さいです。
名前の色
数値のセットを記憶しないように、代わりに広範囲の色の名前を使用できます。 タブで。 6.3は一般的な色名の名前を示しています。
色の名前 | 色 | description | 16進数 |
---|---|---|---|
ブラック。 | 黒い | #000000 | |
青 | 青 | #0000FF。 | |
フクシア。 | ライトパープル | #ff00ff。 | |
グレー。 | 濃い灰色 | #808080 | |
緑。 | 緑 | #008000 | |
ライム。 | ライトグリーン | #00フィクスル。 | |
マルーン。 | 暗赤色 | #800000 | |
海軍。 | 濃紺 | #000080 | |
オリーブ。 | オリーブ | #808000 | |
紫の。 | 闇紫色 | #800080 | |
赤 | 赤 | #FF0000。 | |
銀 | ライトグレー | #C0C0C0。 | |
ティール | サイングリーン | #008080 | |
白い | 白い | #FFFFFF。 | |
黄 | 黄 | #ffff00。 |
それはあなたが色を彼の名前または16進数で設定するのはどのように設定しているのかは関係ありません。 その動作に関しては、これらの方法は同じです。 例6.1 Webページの背景とテキストの色を設定する方法を示します。
例6.1。 色の背景とテキスト
サンプルテキスト
に この例 bgcolorタグ属性を使用して背景色が設定されています
テキスト属性を介したテキストの色。 多様性のために、text属性の値は16進数として設定され、bgcolorには予約されています キーワード ティール。