16進カラーコード（完全版）

16進カラーコード（完全版）

赤とピンク、およびそれらの 16 進コード。

＃990033 #CC6699 #FF6699 #FF3366 ＃993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399..
#FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC

Fuchsia とその 16 進コード。

#FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099
#CC33FF #CC99CC ＃990066 ＃993399 #CC66CC #CC00CC ＃663366
青とその 16 進コード。
＃660099 #666FF #000CC #9933CC #666699 ＃660066 #333366 #0066CC #9900FF ＃333399
#99CCFF #9933FF ＃330099 #6699FF #9966CC #3300CC #003366 ＃330033 #3300FF #6699CC
＃663399 #3333FF #006699 #6633CC #3333CC #3399CC #6600CC #0066FF #0099CC #9966FF
#0033FF #66CCFF ＃330066 #3366FF #3399FF #6600FF #3366CC #003399 #6633FF #000066
#0099FF #CCCCFF #000033 #33CCFF #9999FF #0000FF #00CCFF #9999CC #000099 #6666CC
#0033CC
黄色、茶色、ローズ、オレンジ、およびそれらの 16 進コード。
#FFFFCC #FFCC00 #CC99090 ＃663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99
#FFCC66 #FF9900 #FF9966 #CC3300 ＃996666 #FFCCCC #660000 #FF3300 #FF6666 #FFCC33
#CC6600 #FF6633 ＃996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 ＃993300
#FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 ＃996600 #CC6633
緑色とその 16 進コード。
#99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #66FFFF
#66CCCC #66FFCC #66FF66 #009933 #00CC33 #66FF00 ＃336600 ＃33300 #33FFFF #339999
#99FFCC ＃339933 #33FF66 #33CC33 #99FF00 ＃669900 #666600 #00FFFF ＃336666 #00FF99
#99CC99 #00FF66 #66FF33 #66CC00 #99CC00 ＃999933 #00CCCC #006666 ＃339966 #66FF99
#CCFFCC #00FF00 #00CC00 #CCFF66 #CCCC66 #009999 #003333 #006633 #33FF99 #CCFF99
#66CC33 #33CC00 #CCFF33 ＃666633 #669999 #00FFCC ＃336633 #33CC66 #99FF66 #006600
＃339900 #CCFF00 ＃999966 #99CCCC #33FFCC ＃669966 #00CC66 #99FF33 #003300 #99CC66
#999900 #CCCC99 #CCFFFF #33CC99 #66CC66 #66CC99 #00FF33 #009900 ＃669900 ＃669933
#CCCC00
白、グレー、黒、およびそれらの 16 進コード。
#FFFFF #CCCCCC #999999 #666666 #333333 #000000
16 色とその 16 進コード。
アクア黒フクシアグレーグリーライムマルーン海軍オリーブ紫
赤銀ティール白黄色青


Web ページに色を追加する場合、色の名前を直接使用できる場合もありますが、ほとんどの場合、これらの色を使用するには 16 進コードのみを使用できます。 (ブラウザはこれらのコードを理解します。)
これらのコードを使いやすくするために、右側に色、左側に 16 進コードが記載されたリストを作成しました。
16進コード色
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

16進コード色
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
＃669966
＃669933
＃669900
#6666FF
#6666CC
#666699
#666666
＃666633
#666600
#6633FF
#6633CC
＃663399
＃663366
#663333
＃663300
#6600FF
#6600CC
＃660099
＃660066
＃660033
#660000
16進コード色
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000

16進コード色
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
＃339966
＃339933
＃339900
#3366FF
#3366CC
＃336699
＃336666
＃336633
＃336600
#3333FF
#3333CC
＃333399
#333366
#333333
#333300
#3300FF
#3300CC
＃330099
＃330066
＃330033
#330000
16進コード色
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
＃999966
＃999933
#999900
#9966FF
#9966CC
＃996699
＃996666
＃996633
＃996600
#9933FF
#9933CC
＃993399
＃993366
#993333
＃993300
#9900FF
#9900CC
#990099
＃990066
＃990033
#990000

16進コード色
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000

<<:  MySQLトリガーの例の詳細な説明

>>:  Dockerイメージを完全にアンインストールする手順

推薦する

光るテキストとちょっとしたJS特殊効果を実現するCSS

実装のアイデア: CSSでtext-shadowを使用してテキストの光る効果を実現します効果画像: ...

Webpackを使用して複数ページのプログラムを構築するための実装手順

webpack を使用してシングルページのプログラムを構築することは非常に一般的ですが、実際の開発で...

MySQL の Like の概念と使用法の説明

Like は中国語で「好き」を意味しますが、MySQL データベースに適用される場合、Like は、...

Vuex でゲッターとアクションを使用するための追加手順

予備的注釈1.Vue2.xとVue3.xの違い: Vue 3.x にはヘルパー関数はありません。 V...

HTML タグ: サブタグと sup タグ

今日はあまり使わないHTMLタグ「subタグ」と「supタグ」を紹介します。関連記事: HTML タ...

Ubuntuはカーネルモジュールをコンパイルし、その内容はシステムログに反映されます。

目次1.Linuxログインインターフェース2. コードを書く3. Makefileを書く4. コンパ...

MySQLがbinlogファイルを手動で登録し、マスタースレーブ異常を引き起こす理由

1. 問題の原因友人の @水米田 から、POSITION に基づくマスタースレーブについて質問があり...

JS ES6における構造化分解についてお話しましょう

概要es6 では、配列またはオブジェクトから指定された要素を取得する新しい方法が追加されました。これ...

Vueはカルーセルアニメーションを実装します

この記事では、カルーセルアニメーションを実現するためのVueの具体的なコードを例として紹介します。具...

ボタンをクリックして画像を切り替える JavaScript

この記事の例では、ボタンをクリックすることで画像を切り替えることを実現するJavaScriptの具体...

nginxを使用して取得したIPアドレスが127.0.0.1である問題を解決する

IPツールを取得 lombok.extern.slf4j.Slf4j をインポートします。 org....

DockerコンテナでLNMPをコンパイルする例

目次1. プロジェクトの説明2. Nginxイメージの作成3. MySQLイメージの作成4. PHP...

JS を使用して要素が配列であるかどうかを判断する例

検証できるデータの種類は次のとおりです a = [1,2,3,4,5,6]とします。 b = [とし...

Vue3+el-tableは行と列の変換を実現します

目次行と列の変換トランスクリプトの構成を分析するvue3 + el-table で作成されたトランス...

Springboot プロジェクトの Docker-compose イメージリリースプロセス分析

導入Docker-Compose プロジェクトは、Docker コンテナ クラスターの迅速なオーケス...