カラーコード

カラーコード

あなたがグラフィックデザイナーであるか、または画像編集プログラムに参加したことがあるなら、あなたは 色を変更できるボックス、ペンキのバケツ、ブラシ、文字など...興味をそそられたのは、色を選択すると表示されるという事実です。 カラーコード、それが何であるか知っていますか?

これらの文字または数字のコードが何を意味するのか疑問に思ったことがあり、それについてもっと知りたい場合は、カラーコードの重要性、色やその他の不思議な詳細を反映する理由を理解するのに役立ちます。

カラーコードは何ですか

カラーコードは何ですか

カラーコードを次のように定義できます。 ウェブを表示できる色の範囲。 つまり、約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進コード(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

もっとカラーコードを知っていますか? コメントに入れてリストを拡大することをお勧めします。


コメントを最初に

コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。