カラーコード (RGB / HEX / Markdown)

SwiftUIでたくさん使ったので、たくさん載せます。

### <font color="#FF0000">■ レッド系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#FF0000">■ レッド</font> | (255, 0, 0) | #FF0000 | `<font color="#FF0000">■</font>` |
| <font color="#DC143C">■ クリムゾン</font> | (220, 20, 60) | #DC143C | `<font color="#DC143C">■</font>` |
| <font color="#FF4500">■ レッドオレンジ</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#B22222">■ ファイアブリック</font> | (178, 34, 34) | #B22222 | `<font color="#B22222">■</font>` |
| <font color="#8B0000">■ ダークレッド</font> | (139, 0, 0) | #8B0000 | `<font color="#8B0000">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FF4500">■ レッドオレンジ</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF0000">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF6347">■ サーモン</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#DC143C">■ クリムゾン</font> | (220, 20, 60) | #DC143C | `<font color="#DC143C">■</font>` |
| <font color="#FF2400">■ ファイアレッド</font> | (255, 36, 0) | #FF2400 | `<font color="#FF2400">■</font>` |
| <font color="#FF0000">■ ライトサーモン</font> | (255, 106, 106) | #FF6A6A | `<font color="#FF6A6A">■</font>` |
| <font color="#FF6347">■ ライトコーラル</font> | (255, 127, 80) | #FF7F50 | `<font color="#FF7F50">■</font>` |
| <font color="#FF3030">■ トマトレッド</font> | (255, 48, 48) | #FF3030 | `<font color="#FF3030">■</font>` |
| <font color="#8B0000">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF2400">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |



### <font color="#FFC0CB">■ ピンク系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#FFC0CB">■ ピンク</font> | (255, 192, 203) | #FFC0CB | `<font color="#FFC0CB">■</font>` |
| <font color="#FF1493">■ ディープピンク</font> | (255, 20, 147) | #FF1493 | `<font color="#FF1493">■</font>` |
| <font color="#FF69B4">■ ホットピンク</font> | (255, 105, 180) | #FF69B4 | `<font color="#FF69B4">■</font>` |
| <font color="#FFB6C1">■ ライトピンク</font> | (255, 182, 193) | #FFB6C1 | `<font color="#FFB6C1">■</font>` |
| <font color="#DB7093">■ バイオレットレッド</font> | (219, 112, 147) | #DB7093 | `<font color="#DB7093">■</font>` |
| <font color="#FF83FA">■ バイオレットレッド2</font> | (255, 131, 250) | #FF83FA | `<font color="#FF83FA">■</font>` |
| <font color="#FF6EB4">■ バイオレットレッド3</font> | (255, 110, 180) | #FF6EB4 | `<font color="#FF6EB4">■</font>` |
| <font color="#C71585">■ バイオレットレッド4</font> | (199, 21, 133) | #C71585 | `<font color="#C71585">■</font>` |
| <font color="#FF1493">■ サーモンピンク</font> | (255, 20, 147) | #FF1493 | `<font color="#FF1493">■</font>` |
| <font color="#FF1493">■ ヴァイオレットレッド</font> | (255, 20, 147) | #FF1493 | `<font color="#FF1493">■</font>` |
| <font color="#FF6A6A">■ ライトサーモンピンク</font> | (255, 106, 106) | #FF6A6A | `<font color="#FF6A6A">■</font>` |
| <font color="#FF7256">■ コーラル</font> | (255, 114, 86) | #FF7256 | `<font color="#FF7256">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FF4500">■ レッドオレンジ</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF0000">■ レッド</font> | (255, 0, 0) | #FF0000 | `<font color="#FF0000">■</font>` |



### <font color="#FFA500">■ オレンジ系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#FFA500">■ オレンジ</font> | (255, 165, 0) | #FFA500 | `<font color="#FFA500">■</font>` |
| <font color="#FF4500">■ オレンジレッド</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FF4500">■ オレンジレッド</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF8C00">■ ダークオレンジ</font> | (255, 140, 0) | #FF8C00 | `<font color="#FF8C00">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FF4500">■ レッドオレンジ</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF4500">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF8C00">■ インディアンオレンジ</font> | (176, 92, 0) | #B05C00 | `<font color="#B05C00">■</font>` |
| <font color="#FFD700">■ レモン</font> | (255, 215, 0) | #FFD700 | `<font color="#FFD700">■</font>` |
| <font color="#FF7F50">■ コーラル</font> | (255, 127, 80) | #FF7F50 | `<font color="#FF7F50">■</font>` |
| <font color="#FF4500">■ シトリンレッド</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FFD700">■ ゴールド</font> | (255, 215, 0) | #FFD700 | `<font color="#FFD700">■</font>` |
| <font color="#FF7F50">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF4500">■ インディアンレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF6347">■ サーモン</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |



### <font color="#0000FF">■ ブルー系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#0000FF">■ ブルー</font> | (0, 0, 255) | #0000FF | `<font color="#0000FF">■</font>` |
| <font color="#000080">■ ネイビーブルー</font> | (0, 0, 128) | #000080 | `<font color="#000080">■</font>` |
| <font color="#4169E1">■ ロイヤルブルー</font> | (65, 105, 225) | #4169E1 | `<font color="#4169E1">■</font>` |
| <font color="#4682B4">■ スチールブルー</font> | (70, 130, 180) | #4682B4 | `<font color="#4682B4">■</font>` |
| <font color="#5F9EA0">■ カデットブルー</font> | (95, 158, 160) | #5F9EA0 | `<font color="#5F9EA0">■</font>` |
| <font color="#6495ED">■ コーネルブルー</font> | (100, 149, 237) | #6495ED | `<font color="#6495ED">■</font>` |
| <font color="#00BFFF">■ ディープスカイ</font> | (0, 191, 255) | #00BFFF | `<font color="#00BFFF">■</font>` |
| <font color="#1E90FF">■ ドジャースブルー</font> | (30, 144, 255) | #1E90FF | `<font color="#1E90FF">■</font>` |
| <font color="#87CEEB">■ スカイブルー</font> | (135, 206, 235) | #87CEEB | `<font color="#87CEEB">■</font>` |
| <font color="#87CEFA">■ ライトスカイブルー</font> | (135, 206, 250) | #87CEFA | `<font color="#87CEFA">■</font>` |
| <font color="#ADD8E6">■ ライトブルー</font> | (173, 216, 230) | #ADD8E6 | `<font color="#ADD8E6">■</font>` |
| <font color="#B0E0E6">■ パウダーブルー</font> | (176, 224, 230) | #B0E0E6 | `<font color="#B0E0E6">■</font>` |
| <font color="#AFEEEE">■ パレットグリーン</font> | (175, 238, 238) | #AFEEEE | `<font color="#AFEEEE">■</font>` |
| <font color="#00FFFF">■ シアン</font> | (0, 255, 255) | #00FFFF | `<font color="#00FFFF">■</font>` |
| <font color="#008B8B">■ ダークシアン</font> | (0, 139, 139) | #008B8B | `<font color="#008B8B">■</font>` |
| <font color="#20B2AA">■ ライトシーグリーン</font> | (32, 178, 170) | #20B2AA | `<font color="#20B2AA">■</font>` |



### <font color="#00FFFF">■ 水系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#00FFFF">■ シアン</font> | (0, 255, 255) | #00FFFF | `<font color="#00FFFF">■</font>` |
| <font color="#00CED1">■ ダークターコイズ</font> | (0, 206, 209) | #00CED1 | `<font color="#00CED1">■</font>` |
| <font color="#20B2AA">■ ライトシーグリーン</font> | (32, 178, 170) | #20B2AA | `<font color="#20B2AA">■</font>` |
| <font color="#00FA9A">■ スプリング</font> | (0, 250, 154) | #00FA9A | `<font color="#00FA9A">■</font>` |
| <font color="#AFEEEE">■ パレットグリーン</font> | (175, 238, 238) | #AFEEEE | `<font color="#AFEEEE">■</font>` |
| <font color="#E0FFFF">■ ライトシアン</font> | (224, 255, 255) | #E0FFFF | `<font color="#E0FFFF">■</font>` |
| <font color="#B0E0E6">■ パウダーブルー</font> | (176, 224, 230) | #B0E0E6 | `<font color="#B0E0E6">■</font>` |
| <font color="#00FFCC">■ トルコ石</font> | (0, 255, 204) | #00FFCC | `<font color="#00FFCC">■</font>` |
| <font color="#7FFFD4">■ アクアマリン</font> | (127, 255, 212) | #7FFFD4 | `<font color="#7FFFD4">■</font>` |
| <font color="#40E0D0">■ ターコイズ</font> | (64, 224, 208) | #40E0D0 | `<font color="#40E0D0">■</font>` |
| <font color="#00CED1">■ ターコイズブルー</font> | (0, 206, 209) | #00CED1 | `<font color="#00CED1">■</font>` |
| <font color="#48D1CC">■ ミディターコイズ</font> | (72, 209, 204) | #48D1CC | `<font color="#48D1CC">■</font>` |
| <font color="#00FFFF">■ サイアンブルー</font> | (0, 255, 255) | #00FFFF | `<font color="#00FFFF">■</font>` |
| <font color="#5F9EA0">■ シーグリーン</font> | (95, 158, 160) | #5F9EA0 | `<font color="#5F9EA0">■</font>` |
| <font color="#008080">■ オパール</font> | (0, 128, 128) | #008080 | `<font color="#008080">■</font>` |


### <font color="#008000">■ グリーン系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#008000">■ グリーン</font> | (0, 128, 0) | #008000 | `<font color="#008000">■</font>` |
| <font color="#006400">■ ダークグリーン</font> | (0, 100, 0) | #006400 | `<font color="#006400">■</font>` |
| <font color="#228B22">■ フォレストグリーン</font> | (34, 139, 34) | #228B22 | `<font color="#228B22">■</font>` |
| <font color="#008080">■ ティール</font> | (0, 128, 128) | #008080 | `<font color="#008080">■</font>` |
| <font color="#2E8B57">■ シーグリーン</font> | (46, 139, 87) | #2E8B57 | `<font color="#2E8B57">■</font>` |
| <font color="#32CD32">■ ライムグリーン</font> | (50, 205, 50) | #32CD32 | `<font color="#32CD32">■</font>` |
| <font color="#00FF00">■ ライム</font> | (0, 255, 0) | #00FF00 | `<font color="#00FF00">■</font>` |
| <font color="#00FF7F">■ スプリンググリーン</font> | (0, 255, 127) | #00FF7F | `<font color="#00FF7F">■</font>` |
| <font color="#008000">■ グリーン</font> | (0, 128, 0) | #008000 | `<font color="#008000">■</font>` |
| <font color="#20B2AA">■ ライトシーグリーン</font> | (32, 178, 170) | #20B2AA | `<font color="#20B2AA">■</font>` |
| <font color="#008B8B">■ ダークシアン</font> | (0, 139, 139) | #008B8B | `<font color="#008B8B">■</font>` |
| <font color="#00FA9A">■ ミディスプリング</font> | (0, 250, 154) | #00FA9A | `<font color="#00FA9A">■</font>` |
| <font color="#ADFF2F">■ リーフグリーン</font> | (173, 255, 47) | #ADFF2F | `<font color="#ADFF2F">■</font>` |
| <font color="#008080">■ オパール</font> | (0, 128, 128) | #008080 | `<font color="#008080">■</font>` |
| <font color="#556B2F">■ オリーブドラブ</font> | (85, 107, 47) | #556B2F | `<font color="#556B2F">■</font>` |


### <font color="#FFFF00">■ イエロー系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#FFFF00">■ イエロー</font> | (255, 255, 0) | #FFFF00 | `<font color="#FFFF00">■</font>` |
| <font color="#FFD700">■ ゴールド</font> | (255, 215, 0) | #FFD700 | `<font color="#FFD700">■</font>` |
| <font color="#FF4500">■ オレンジレッド</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FFA500">■ オレンジ</font> | (255, 165, 0) | #FFA500 | `<font color="#FFA500">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FF7F50">■ サーモン</font> | (255, 127, 80) | #FF7F50 | `<font color="#FF7F50">■</font>` |
| <font color="#FF4500">■ オレンジレッド</font> | (255, 69, 0) | #FF4500 | `<font color="#FF4500">■</font>` |
| <font color="#FF8C00">■ ダークオレンジ</font> | (255, 140, 0) | #FF8C00 | `<font color="#FF8C00">■</font>` |
| <font color="#FF6347">■ トマト</font> | (255, 99, 71) | #FF6347 | `<font color="#FF6347">■</font>` |
| <font color="#FFA07A">■ ライトサーモン</font> | (255, 160, 122) | #FFA07A | `<font color="#FFA07A">■</font>` |
| <font color="#FF4500">■ インディアレッド</font> | (205, 92, 92) | #CD5C5C | `<font color="#CD5C5C">■</font>` |
| <font color="#FF8C00">■ インディアオレンジ</font> | (176, 92, 0) | #B05C00 | `<font color="#B05C00">■</font>` |
| <font color="#FFD700">■ レモン</font> | (255, 215, 0) | #FFD700 | `<font color="#FFD700">■</font>` |
| <font color="#FFFFE0">■ ライトイエロー</font> | (255, 255, 224) | #FFFFE0 | `<font color="#FFFFE0">■</font>` |


### <font color="#A52A2A">■ ブラウン系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#A52A2A">■ ブラウン</font> | (165, 42, 42) | #A52A2A | `<font color="#A52A2A">■</font>` |
| <font color="#FFFAEE">■ シェルブラウン</font> | (255, 245, 238) | #FFFAEE | `<font color="#FFFAEE">■</font>` |
| <font color="#CD853F">■ シエナ</font> | (205, 133, 63) | #CD853F | `<font color="#CD853F">■</font>` |
| <font color="#D2691E">■ チョコレート</font> | (210, 105, 30) | #D2691E | `<font color="#D2691E">■</font>` |
| <font color="#CD853F">■ パーモン</font> | (205, 133, 63) | #CD853F | `<font color="#CD853F">■</font>` |
| <font color="#8B4513">■ ローソク</font> | (139, 69, 19) | #8B4513 | `<font color="#8B4513">■</font>` |
| <font color="#8B4513">■ ローソク冷たい</font> | (139, 69, 19) | #8B4513 | `<font color="#8B4513">■</font>` |
| <font color="#CD853F">■ パーモン</font> | (205, 133, 63) | #CD853F | `<font color="#CD853F">■</font>` |
| <font color="#8B4513">■ サドルブラウン</font> | (139, 69, 19) | #8B4513 | `<font color="#8B4513">■</font>` |
| <font color="#BC8F8F">■ ロージーブラウン</font> | (188, 143, 143) | #BC8F8F | `<font color="#BC8F8F">■</font>` |
| <font color="#8B4513">■ ロスチブラウン</font> | (139, 69, 19) | #8B4513 | `<font color="#8B4513">■</font>` |
| <font color="#DEB887">■ ブラウンオレンジ</font> | (222, 184, 135) | #DEB887 | `<font color="#DEB887">■</font>` |
| <font color="#CD853F">■ ブラウニシュレッド</font> | (205, 133, 63) | #CD853F | `<font color="#CD853F">■</font>` |
| <font color="#8B4513">■ シェブロンブラウン</font> | (139, 69, 19) | #8B4513 | `<font color="#8B4513">■</font>` |


### <font color="#F5F5F5">■ ホワイト系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#FFFFFF">■ ホワイト</font> | (255, 255, 255) | #FFFFFF | `<font color="#FFFFFF">■</font>` |
| <font color="#FFFAFA">■ スノーホワイト</font> | (255, 250, 250) | #FFFAFA | `<font color="#FFFAFA">■</font>` |
| <font color="#FFFAF0">■ フローラルホワイト</font> | (255, 250, 240) | #FFFAF0 | `<font color="#FFFAF0">■</font>` |
| <font color="#F8F8FF">■ ゴーストホワイト</font> | (248, 248, 255) | #F8F8FF | `<font color="#F8F8FF">■</font>` |
| <font color="#FFFFF0">■ アイヴォリー</font> | (255, 255, 240) | #FFFFF0 | `<font color="#FFFFF0">■</font>` |
| <font color="#F5F5F5">■ ホワイトスモーク</font> | (245, 245, 245) | #F5F5F5 | `<font color="#F5F5F5">■</font>` |
| <font color="#FFFAF0">■ フローラルホワイト</font> | (255, 250, 240) | #FFFAF0 | `<font color="#FFFAF0">■</font>` |
| <font color="#FAF0E6">■ マグネシアホワイト</font> | (250, 240, 230) | #FAF0E6 | `<font color="#FAF0E6">■</font>` |
| <font color="#FDF5E6">■ オールドレース</font> | (253, 245, 230) | #FDF5E6 | `<font color="#FDF5E6">■</font>` |
| <font color="#FFF0F5">■ ラベンダーブラッシュ</font> | (255, 240, 245) | #FFF0F5 | `<font color="#FFF0F5">■</font>` |
| <font color="#FFE4C4">■ ビスク</font> | (255, 228, 196) | #FFE4C4 | `<font color="#FFE4C4">■</font>` |
| <font color="#FFFAE6">■ ミストホワイト</font> | (255, 248, 220) | #FFFAE6 | `<font color="#FFFAE6">■</font>` |
| <font color="#FAF0E6">■ リネン</font> | (250, 240, 230) | #FAF0E6 | `<font color="#FAF0E6">■</font>` |
| <font color="#E6E6FA">■ オールドラベンダー</font> | (230, 230, 250) | #E6E6FA | `<font color="#E6E6FA">■</font>` |


### <font color="#000000">■ ブラック系</font>
| カラー名         | RGB          | HEX        | Qiita用カラーコード表示       |
|------------------|--------------|------------|----------------------------|
| <font color="#000000">■ ブラック</font> | (0, 0, 0)     | #000000  | `<font color="#000000">■</font>` |
| <font color="#000000">■ オンブラック</font> | (0, 0, 0)     | #000000  | `<font color="#000000">■</font>` |
| <font color="#000000">■ ジェットブラック</font> | (0, 0, 0)     | #000000  | `<font color="#000000">■</font>` |
| <font color="#36454F">■ チャコールブラック</font> | (54, 69, 79)   | #36454F | `<font color="#36454F">■</font>` |
| <font color="#808080">■ グレイ</font> | (128, 128, 128) | #808080 | `<font color="#808080">■</font>` |
| <font color="#A9A9A9">■ グレイロー</font> | (169, 169, 169) | #A9A9A9 | `<font color="#A9A9A9">■</font>` |
| <font color="#D3D3D3">■ ライトグレイ</font> | (211, 211, 211) | #D3D3D3 | `<font color="#D3D3D3">■</font>` |
| <font color="#C0C0C0">■ シルバーグレイ</font> | (192, 192, 192) | #C0C0C0 | `<font color="#C0C0C0">■</font>` |
| <font color="#A9A9A9">■ ダークグレイ</font> | (169, 169, 169) | #A9A9A9 | `<font color="#A9A9A9">■</font>` |
| <font color="#191970">■ ミッドナイト</font> | (25, 25, 112)  | #191970 | `<font color="#191970">■</font>` |
| <font color="#000080">■ ネイビーブルー</font> | (0, 0, 128)   | #000080 | `<font color="#000080">■</font>` |
| <font color="#4B0082">■ インディゴブルー</font> | (75, 0, 130)  | #4B0082 | `<font color="#4B0082">■</font>` |
| <font color="#2F4F4F">■ ダークスレート</font> | (47, 79, 79)  | #2F4F4F | `<font color="#2F4F4F">■</font>` |