CSS のカラー コードと名前。
カラー コードは次のいずれかです。
16 進形式: #rrggbb
RGB フォーマット: rgb (赤、緑、青)
名前の形式: 名前
オレンジ色の場合:
16 進形式: #FFA500
RGB フォーマット: rgb(255,165,0)
名前の形式: オレンジ
特定の要素の場合:
<element style="color: code;"></element>
同じタイプのすべての要素。head セクションの <style> タグにコードを挿入します。
<style>
element { color: code; }
</style>
段落テキストの色を赤に設定:
特定の段落の色の設定:
<p style="color: #FF0000;">Some text ...</p>
意見：
いくつかのテキスト...
すべての段落の色を設定する
<style>
p { color: #FF0000; }
</style>
element { background: code; }
段落の背景色を赤に設定:
特定の段落の背景色の設定:
<p style="background: #FF0000;">Some text ...</p>
意見：
いくつかのテキスト...
すべての段落の背景色の設定:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
段落の境界線の色を赤、緑、青、黒に設定:
特定の段落の境界線の色を設定する:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
意見：
いくつかのテキスト...
すべての段落の境界線の色を設定する:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| ライトサーモン | #FFA07A | RGB(255,160,122) | |
| 鮭 | #FA8072 | RGB(250,128,114) | |
| ダークサーモン | #E9967A | RGB(233,150,122) | |
| ライトコーラル | #F08080 | RGB(240,128,128) | |
| インディアンレッド | #CD5C5C | RGB(205,92,92) | |
| 真紅 | #DC143C | RGB(220,20,60) | |
| 耐火レンガ | #B22222 | RGB(178,34,34) | |
| 赤 | #FF0000 | RGB(255,0,0) | |
| 暗赤色 | #8B0000 | RGB(139,0,0) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| コーラル | #FF7F50 | RGB(255,127,80) | |
| トマト | #FF6347 | RGB(255,99,71) | |
| オレンジレッド | #FF4500 | RGB(255,69,0) | |
| 金 | #FFD700 | RGB(255,215,0) | |
| オレンジ | #FFA500 | RGB(255,165,0) | |
| ダークオレンジ | #FF8C00 | RGB(255,140,0) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| 薄黄色 | #FFFFE0 | RGB(255,255,224) | |
| レモンシフォン | #FFFACD | RGB(255,250,205) | |
| ライトゴールデンイエロー | #FAFAD2 | RGB(250,250,210) | |
| パパウィップ | #FFEFD5 | RGB(255,239,213) | |
| モカシン | #FFE4B5 | RGB(255,228,181) | |
| ピーチパフ | #FFDAB9 | RGB(255,218,185) | |
| ペールゴールデンロッド | #EEE8AA | RGB(238,232,170) | |
| カーキ | #F0E68C | RGB(240,230,140) | |
| ダークカーキ | #BDB76B | RGB(189,183,107) | |
| 黄色 | #FFFF00 | RGB(255,255,0) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| 芝生緑 | #7CFC00 | RGB(124,252,0) | |
| シャルトリューズ | #7FFF00 | RGB(127,255,0) | |
| ライムグリーン | #32CD32 | RGB(50,205,50) | |
| ライム | #00FF00 | RGB(0.255.0) | |
| フォレストグリーン | #228B22 | RGB(34,139,34) | |
| 緑 | #008000 | RGB(0,128,0) | |
| 濃い緑色 | #006400 | RGB(0,100,0) | |
| 黄緑 | #ADFF2F | RGB(173,255,47) | |
| 黄緑 | #9ACD32 | RGB(154,205,50) | |
| 春緑 | #00FF7F | RGB(0,255,127) | |
| ミディアムスプリンググリーン | #00FA9A | RGB(0,250,154) | |
| ライトグリーン | #90EE90 | RGB(144,238,144) | |
| 薄緑色 | #98FB98 | RGB(152,251,152) | |
| ダークシーグリーン | #8FBC8F | RGB(143,188,143) | |
| ミディアムシーグリーン | #3CB371 | RGB(60,179,113) | |
| 海の緑 | #2E8B57 | RGB(46,139,87) | |
| オリーブ | #808000 | RGB(128,128,0) | |
| ダークオリーブグリーン | #556B2F | RGB(85,107,47) | |
| オリーブドラブ | #6B8E23 | RGB(107,142,35) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| ライトシアン | #E0FFFF | RGB(224,255,255) | |
| シアン | #00FFFF | RGB(0,255,255) | |
| アクア | #00FFFF | RGB(0,255,255) | |
| アクアマリン | #7FFFD4 | RGB(127,255,212) | |
| ミディアムアクアマリン | #66CDAA | RGB(102,205,170) | |
| ペールターコイズ | #AFEEEE | RGB(175,238,238) | |
| ターコイズ | #40E0D0 | RGB(64,224,208) | |
| ミディアムターコイズ | #48D1CC | RGB(72,209,204) | |
| ダークターコイズ | #00CED1 | RGB(0,206,209) | |
| ライトシーグリーン | #20B2AA | RGB(32,178,170) | |
| カデブルー | #5F9EA0 | RGB(95,158,160) | |
| ダークシアン | #008B8B | RGB(0,139,139) | |
| ティール | #008080 | RGB(0,128,128) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| パウダーブルー | #B0E0E6 | RGB(176,224,230) | |
| ライトブルー | #ADD8E6 | RGB(173,216,230) | |
| ライトスカイブルー | #87CEFA | RGB(135,206,250) | |
| 空色 | #87CEEB | RGB(135,206,235) | |
| ディープスカイブルー | #00BFFF | RGB(0,191,255) | |
| ライトスチールブルー | #B0C4DE | RGB(176,196,222) | |
| ドジャーブルー | #1E90FF | RGB(30,144,255) | |
| ヤグルマギクブルー | #6495ED | RGB(100,149,237) | |
| スチールブルー | #4682B4 | RGB(70,130,180) | |
| ロイヤルブルー | #4169E1 | RGB(65,105,225) | |
| 青 | #0000FF | RGB(0,0,255) | |
| ミディアムブルー | #0000CD | RGB(0,0,205) | |
| 濃紺 | #00008B | RGB(0,0,139) | |
| 海軍 | #000080 | RGB(0,0,128) | |
| ミッドナイトブルー | #191970 | RGB(25,25,112) | |
| ミディアムスレートブルー | #7B68EE | RGB(123,104,238) | |
| スレートブルー | #6A5ACD | RGB(106,90,205) | |
| ダークスレートブルー | #483D8B | RGB(72,61,139) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| ラベンダー | #E6E6FA | RGB(230,230,250) | |
| アザミ | #D8BFD8 | RGB(216,191,216) | |
| 梅 | #DDA0DD | RGB(221,160,221) | |
| バイオレット | #EE82EE | RGB(238,130,238) | |
| 蘭 | #DA70D6 | RGB(218,112,214) | |
| フクシア | #FF00FF | RGB(255,0,255) | |
| 赤紫色 | #FF00FF | RGB(255,0,255) | |
| ミディアムオーキッド | #BA55D3 | RGB(186,85,211) | |
| ミディアムパープル | #9370DB | RGB(147,112,219) | |
| 青紫色 | #8A2BE2 | RGB(138,43,226) | |
| ダークバイオレット | #9400D3 | RGB(148,0,211) | |
| ダークオーキッド | #9932CC | RGB(153,50,204) | |
| ダークマゼンタ | #8B008B | RGB(139,0,139) | |
| 紫 | #800080 | RGB(128,0,128) | |
| インジゴ | #4B0082 | RGB(75,0,130) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| ピンク | #FFC0CB | RGB(255,192,203) | |
| ライトピンク | #FFB6C1 | RGB(255,182,193) | |
| ホトピンク | #FF69B4 | RGB(255,105,180) | |
| 深いピンク | #FF1493 | RGB(255,20,147) | |
| 薄紫赤 | #DB7093 | RGB(219,112,147) | |
| ミディアムバイオレットレッド | #C71585 | RGB(199,21,133) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| 白 | #FFFFFF | RGB(255,255,255) | |
| 雪 | #FFFAFA | RGB(255,250,250) | |
| 甘露 | #F0FFF0 | RGB(240,255,240) | |
| ミントクリーム | #F5FFFA | RGB(245,255,250) | |
| 紺碧 | #F0FFFF | RGB(240,255,255) | |
| アリスブルー | #F0F8FF | RGB(240,248,255) | |
| ゴーストホワイト | #F8F8FF | RGB(248,248,255) | |
| 白い煙 | #F5F5F5 | RGB(245,245,245) | |
| 貝殻 | #FFF5EE | RGB(255,245,238) | |
| ベージュ | #F5F5DC | RGB(245,245,220) | |
| オールドレース | #FDF5E6 | RGB(253,245,230) | |
| 花柄白 | #FFFAF0 | RGB(255,250,240) | |
| 象牙 | #FFFFF0 | RGB(255,255,240) | |
| アンティークホワイト | #FAEBD7 | RGB(250,235,215) | |
| リネン | #FAF0E6 | RGB(250,240,230) | |
| ラベンダーブラッシュ | #FFF0F5 | RGB(255,240,245) | |
| ミチローズ | #FFE4E1 | RGB(255,228,225) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| ゲインズボロ | #DCDCDC | RGB(220,220,220) | |
| ライトグレー | #D3D3D3 | RGB(211,211,211) | |
| 銀 | #C0C0C0 | RGB(192,192,192) | |
| 暗灰色 | #A9A9A9 | RGB(169,169,169) | |
| グレー | #808080 | RGB(128,128,128) | |
| 薄暗い | #696969 | RGB(105,105,105) | |
| ライトレートグレー | #778899 | RGB(119,136,153) | |
| スレートグレー | #708090 | RGB(112,128,144) | |
| ダークスレートグレー | #2F4F4F | RGB(47,79,79) | |
| 黒 | #000000 | RGB(0,0,0) |
| 色 | HTML / CSS カラー名 |
16 進コード #RRGGBB |
10 進コード (R、G、B) |
|---|---|---|---|
| トウモロコシの毛 | #FFF8DC | RGB(255,248,220) | |
| ブランチアーモンド | #FFEBCD | RGB(255,235,205) | |
| ビスク | #FFE4C4 | RGB(255,228,196) | |
| ナバホホワイト | #FFDEAD | RGB(255,222,173) | |
| 小麦 | #F5DEB3 | RGB(245,222,179) | |
| バーリーウッド | #DEB887 | RGB(222,184,135) | |
| 日焼け | #D2B48C | RGB(210,180,140) | |
| バラ色の茶色 | #BC8F8F | RGB(188,143,143) | |
| 砂茶色 | #F4A460 | RGB(244,164,96) | |
| ゴールデンロッド | #DAA520 | RGB(218,165,32) | |
| ペルー | #CD853F | RGB(205,133,63) | |
| チョコレート | #D2691E | RGB(210,105,30) | |
| サドルブラウン | #8B4513 | RGB(139,69,19) | |
| シエナ | #A0522D | RGB(160,82,45) | |
| 茶色 | #A52A2A | RGB(165,42,42) | |
| あずき色 | #800000 | RGB(128,0,0) |
当社の CSS カラー コード ツールを使用すると、ユーザーは CSS カラー コードを使用できます。このユーティリティの優れた機能のいくつかを以下に説明します。
CSS カラー コード ツールのユーザー フレンドリーなインターフェイスにより、この変換を即座に簡単に実行できます。このツールのシンプルさにより、CSS カラー コードのプログラミング スキルを習得する必要がなくなりました。
CSS カラー コードを使用するために、登録プロセスを実行する必要はありません。このユーティリティを使用すると、無料で何度でも CSS カラー コード ツールを作成できます。
この CSS カラー コードは、世界中のどこからでもアクセスできます。このオンライン ツールの互換性について心配する必要はありません。任意のデバイスから CSS カラー コードを使用できるからです。必要なのは、この CSS カラー コード ツールにアクセスして使用するためのインターネット接続だけです。
CSS カラー コードを使用すると、同じタスクをすぐに完了することができます。自動化されたアルゴリズムが作業を行うため、手動の手順に従う必要はありません。
CSS カラー コード ツールは、すべてのオペレーティング システムで完全に動作します。Mac、iOS、Android、Windows、または Linux デバイスのいずれであっても、このオンライン ユーティリティを問題なく簡単に使用できます。
この CSS カラー コード ツールを使用するために登録プロセスを行う必要はありません。このユーティリティは無料で使用でき、制限なしで無制限の CSS カラー コードを実行できます。