あなたがグラフィックデザイナーであるか、または画像編集プログラムに参加したことがあるなら、あなたは 色を変更できるボックス、ペンキのバケツ、ブラシ、文字など...興味をそそられたのは、色を選択すると表示されるという事実です。 カラーコード、それが何であるか知っていますか?
これらの文字または数字のコードが何を意味するのか疑問に思ったことがあり、それについてもっと知りたい場合は、カラーコードの重要性、色やその他の不思議な詳細を反映する理由を理解するのに役立ちます。
カラーコードは何ですか
カラーコードを次のように定義できます。 ウェブを表示できる色の範囲。 つまり、約216色のパレットに存在する可能性があり、Webサイトがどのように表示されるかを決定します。 このコードは、RGB、HEX、HSLのXNUMX種類のシステムに基づくことができます(後者は現在非推奨です)。
実際、カラーコードの目的は、すべてのブラウザのユニバーサルコードとして機能し、これらのコードを使用して、インターネットエクスプローラー、Firefox Mozilla、GoogleChromeのいずれかで同じトーンを再現することです。 …
それを知っている コンピューターは最大16万色を区別することができます。 そのため、ウェブサイトを作成したり、画像を変更したりする可能性はたくさんあります。
カラーコードの種類
前にも言ったように、システムにはXNUMXつのタイプがあります。
- RGB。 これは最もよく知られており、赤、青、緑の0つの原色で構成されており、それらを組み合わせることで、残りの色が導き出されます。 その表現に関しては、255からXNUMXの範囲であり、表示されるコードは、コンマで区切られ、括弧で囲まれたXNUMXつの数字で構成されています。
- XNUMX進数。 主にHTMLとCSSで使用されます。 この場合、それは色を決定するコードを得るためにそれらの間に配置された数字と文字の両方で構成されています。
- HSL。 すでに使用されていませんが、色を作成するときに色相、彩度、明度を使用することに基づいています。 度とパーセンテージで決定されます(コンマで区切られ、括弧で囲まれたXNUMXつの数字)。
コードが重要なのはなぜですか?
色分けとは何かがわかったので、そのアプリケーションは簡単に理解できます。 特定の色を表示するために必要なコードを決定するために使用されます。 これは、たとえばWebページで機能します。 Webサイトの背景が特定の色である場合、フォントが赤、黄、緑、青などである場合、およびその他の多くの用途で、HTMLコードは暗黙的です。
なぜそれが重要なのか理解できますか? たとえば、背景が赤のWebサイトがあるとします。 そして、あなたはそれを空白のものに変更したいと思います。 赤の色を決定するコードを知っていれば、HTMLコードの検索エンジンを使用して、この色が反映される場所(背景色にリンクされている)を取得し、すばやく変更できます。 しかし、あなたがそれを持っていない場合はどうなりますか? そのセクションが見つかるまで検索し、テストして、必要なコードに近いコードを確認する必要があります。
したがって、カラーコードは、作業をスピードアップするだけでなく、Webサイトのデザインや画像の編集などで色を使用できるようにするのに役立ちます。
色とそのコードのリスト 16進数 およびRGB
最後に、私たちはあなたを以下に残したいと思います XNUMX進コード(RGB)およびXNUMX進数とともに存在するほとんどの色を見つけることができる表 そのため、コードを変更する必要がある場合はいつでも、カラーパレットでコードを探すことなく簡単に変更できます。
タグ | XNUMX進数(R、G、B) | 16進数 |
---|---|---|
アリスブルー | rgb(240、248、255) | #F0F8FF |
アンティークホワイト | rgb(250、235、215) | #FAEBD7 |
アクア | rgb(0、255、255) | #00FFFF |
アクアマリン | rgb(127、255、212) | #7FFFD4 |
紺碧 | rgb(240、255、255) | #F0FFFF |
ベージュ | rgb(245、245、220) | #F5F5DC |
ビスク | rgb(255、228、196) | #FFE4C4 |
黒 | rgb(0、0、0) | #000000 |
ブランシェダルモンド | rgb(255、235、205) | #FFEBCD |
青 | rgb(0、0、255) | #0000FF |
青紫色 | rgb(138、43、226) | #8A2BE2 |
褐色 | rgb(165、42、42) | #A52A2A |
burlywood | rgb(222、184、135) | #DEB887 |
カデットブルー | rgb(95、158、160) | #5F9EA0 |
シャルトリューズ | rgb(127、255、0) | #7FFF00 |
チョコレート | rgb(210、105、30) | #D2691E |
コーラル | rgb(255、127、80) | #FF7F50 |
コーンフラワーブルー | rgb(100、149、237) | #6495ED |
トウモロコシの毛 | rgb(255、248、220) | #FFF8DC |
真紅 | rgb(220、20、60) | #DC143C |
シアン | rgb(0、255、255) | #00FFFF |
濃紺 | rgb(0、0、139) | #00008B |
ダークシアン | rgb(0、139、139) | #008B8B |
ダークゴールデンロッド | rgb(184、134、11) | #B8860B |
暗灰色 | rgb(169、169、169) | #A9A9A9 |
濃い緑色 | rgb(0、100、0) | #006400 |
濃い灰色 | rgb(169、169、169) | #A9A9A9 |
ダークカーキ | rgb(189、183、107) | #BDB76B |
ダークマゼンタ | rgb(139、0、139) | #8B008B |
ダークオリーブグリーン | rgb(85、107、47) | #556B2F |
ダークオレンジ | rgb(255、140、0) | #FF8C00 |
ダークオーキッド | rgb(153、50、204) | #9932CC |
暗赤色 | rgb(139、0、0) | #8B0000 |
ダークサーモン | rgb(233、150、122) | #E9967A |
ダークシーグリーン | rgb(143、188、143) | #8FBC8F |
ダークスレートブルー | rgb(72、61、139) | #483D8B |
ダークスレートグレー | rgb(47、79、79) | #2F4F4F |
ダークスレートグレー | rgb(47、79、79) | #2F4F4F |
ダークターコイズ | rgb(0、206、209) | #00CED1 |
ダークバイオレット | rgb(148、0、211) | #9400D3 |
深いピンク | rgb(255、20、147) | #FF1493 |
ディープスカイブルー | rgb(0、191、255) | #00BFFF |
ディムグレイ | rgb(105、105、105) | #696969 |
薄暗い灰色 | rgb(105、105、105) | #696969 |
ドジャーブルー | rgb(30、144、255) | #1E90FF |
耐火レンガ | rgb(178、34、34) | #B22222 |
フローラルホワイト | rgb(255、250、240) | #FFFAF0 |
フォレストグリーン | rgb(34、139、34) | #228B22 |
フクシア | rgb(255、0、255) | #FF00FF |
ゲインズボロ | rgb(220、220、220) | #DCDCDC |
ゴーストホワイト | rgb(248、248、255) | #F8F8FF |
ゴールド | rgb(255、215、0) | #FFD700 |
アキノキリンソウ | rgb(218、165、32) | #DAA520 |
グレー | rgb(128、128、128) | #808080 |
(緑字) | rgb(0、128、0) | #008000 |
黄緑 | rgb(173、255、47) | #ADFF2F |
グレー | rgb(128、128、128) | #808080 |
甘露 | rgb(240、255、240) | #F0FFF0 |
ホトピンク | rgb(255、105、180) | #FF69B4 |
インディアンレッド | rgb(205、92、92) | #CD5C5C |
藍 | rgb(75、0、130) | #4B0082 |
アイボリー | rgb(255、255、240) | #FFFFF0 |
カーキ | rgb(240、230、140) | #F0E68C |
ラベンダー | rgb(230、230、250) | #E6E6FA |
ラベンダーブラッシュ | rgb(255、240、245) | #FFF0F5 |
ローングリーン | rgb(124、252、0) | #7CFC00 |
レモンシフォン | rgb(255、250、205) | #FFFACD |
ライトブルー | rgb(173、216、230) | #ADD8E6 |
ライトコーラル | rgb(240、128、128) | #F08080 |
ライトシアン | rgb(224、255、255) | #E0FFFF |
ライトゴールデンイエロー | rgb(250、250、210) | #FAFAD2 |
ライトグレー | rgb(211、211、211) | #D3D3D3 |
薄緑 | rgb(144、238、144) | #90EE90 |
ライトグレー | rgb(211、211、211) | #D3D3D3 |
淡いピンク | rgb(255、182、193) | #FFB6C1 |
ライトサーモン | rgb(255、160、122) | #FFA07A |
ライトシーグリーン | rgb(32、178、170) | #20B2AA |
ライトスカイブルー | rgb(135、206、250) | #87CEFA |
ライトスレートグレー | rgb(119、136、153) | #778899 |
ライトレートグレー | rgb(119、136、153) | #778899 |
ライトスチールブルー | rgb(176、196、222) | #B0C4DE |
薄黄色 | rgb(255、255、224) | #FFFFE0 |
ライム | rgb(0、255、0) | #00FF00 |
ライムグリーン | rgb(50、205、50) | #32CD32 |
リネン | rgb(250、240、230) | #FAF0E6 |
マゼンタ | rgb(255、0、255) | #FF00FF |
マルーン | rgb(128、0、0) | #800000 |
ミディアムアクアマリン | rgb(102、205、170) | #66CDAA |
ミディアムブルー | rgb(0、0、205) | #0000CD |
ミディアムオーキッド | rgb(186、85、211) | #BA55D3 |
ミディアムパープル | rgb(147、112、219) | #9370D8 |
ミディアムシーグリーン | rgb(60、179、113) | #3CB371 |
ミディアムスレートブルー | rgb(123、104、238) | #7B68EE |
ミディアムスプリンググリーン | rgb(0、250、154) | #00FA9A |
ミディアムターコイズ | rgb(72、209、204) | #48D1CC |
ミディアムバイオレットレッド | rgb(199、21、133) | #C71585 |
ミッドナイトブルー | rgb(25、25、112) | #191970 |
ミントクリーム | rgb(245、255、250) | #F5FFFA |
ミスティローズ | rgb(255、228、225) | #FFE4E1 |
モカシン | rgb(255、228、181) | #FFE4B5 |
ナバホホワイト | rgb(255、222、173) | #FFDEAD |
ネイビー | rgb(0、0、128) | #000080 |
オールドレース | rgb(253、245、230) | #FDF5E6 |
オリーブ | rgb(128、128、0) | #808000 |
olivedrab | rgb(107、142、35) | #6B8E23 |
オレンジ | rgb(255、165、0) | #FFA500 |
オレンジレッド | rgb(255、69、0) | #FF4500 |
蘭 | rgb(218、112、214) | #DA70D6 |
淡いゴールデンロッド | rgb(238、232、170) | #EEE8AA |
palegreen | rgb(152、251、152) | #98FB98 |
パレットターコイズ | rgb(175、238、238) | #アフィーイー |
淡い紫 | rgb(219、112、147) | #D87093 |
パパウィップ | rgb(255、239、213) | #FFEFD5 |
モモパフ | rgb(255、218、185) | #FFDAB9 |
ペルー | rgb(205、133、63) | #CD853F |
ピンク | rgb(255、192、203) | #FFC0CB |
梅 | rgb(221、160、221) | #DDA0DD |
パウダーブルー | rgb(176、224、230) | #B0E0E6 |
紫 | rgb(128、0、128) | #800080 |
赤 | rgb(255、0、0) | #FF0000 |
ローズブラウン | rgb(188、143、143) | #BC8F8F |
royalblue | rgb(65、105、225) | #4169E1 |
Saddlebrown | rgb(139、69、19) | #8B4513 |
サーモン | rgb(250、128、114) | #FA8072 |
サンディブラウン | rgb(244、164、96) | #F4A460 |
海緑 | rgb(46、139、87) | #2E8B57 |
貝殻 | rgb(255、245、238) | #FFF5EE |
シエナ | rgb(160、82、45) | #A0522D |
銀 | rgb(192、192、192) | #C0C0C0 |
空色 | rgb(135、206、235) | #87CEEB |
スレートブルー | rgb(106、90、205) | #6A5ACD |
スレートグレイ | rgb(112、128、144) | #708090 |
スレートグレイ | rgb(112、128、144) | #708090 |
雪 | rgb(255、250、250) | #FFFAFA |
スプリンググリーン | rgb(0、255、127) | #00FF7F |
スティールブルー | rgb(70、130、180) | #4682B4 |
日焼け | rgb(210、180、140) | #D2B48C |
コガモ | rgb(0、128、128) | #008080 |
アザミ | rgb(216、191、216) | #D8BFD8 |
トマト | rgb(255、99、71) | #FF6347 |
ターコイズ | rgb(64、224、208) | #40E0D0 |
バイオレット | rgb(238、130、238) | #EE82EE |
小麦 | rgb(245、222、179) | #F5DEB3 |
白 | rgb(255、255、255) | #FFFFFF |
白い煙 | rgb(245、245、245) | #F5F5F5 |
黄 | rgb(255、255、0) | #FFFF00 |
黄緑 | rgb(154、205、50) | #9ACD32 |
もっとカラーコードを知っていますか? コメントに入れてリストを拡大することをお勧めします。