SwiftUIでたくさん使ったので、たくさん載せます。
■ レッド系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ レッド |
(255, 0, 0) |
#FF0000 |
<font color="#FF0000">■</font> |
| ■ クリムゾン |
(220, 20, 60) |
#DC143C |
<font color="#DC143C">■</font> |
| ■ レッドオレンジ |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ ファイアブリック |
(178, 34, 34) |
#B22222 |
<font color="#B22222">■</font> |
| ■ ダークレッド |
(139, 0, 0) |
#8B0000 |
<font color="#8B0000">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ レッドオレンジ |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ サーモン |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ クリムゾン |
(220, 20, 60) |
#DC143C |
<font color="#DC143C">■</font> |
| ■ ファイアレッド |
(255, 36, 0) |
#FF2400 |
<font color="#FF2400">■</font> |
| ■ ライトサーモン |
(255, 106, 106) |
#FF6A6A |
<font color="#FF6A6A">■</font> |
| ■ ライトコーラル |
(255, 127, 80) |
#FF7F50 |
<font color="#FF7F50">■</font> |
| ■ トマトレッド |
(255, 48, 48) |
#FF3030 |
<font color="#FF3030">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
■ ピンク系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ ピンク |
(255, 192, 203) |
#FFC0CB |
<font color="#FFC0CB">■</font> |
| ■ ディープピンク |
(255, 20, 147) |
#FF1493 |
<font color="#FF1493">■</font> |
| ■ ホットピンク |
(255, 105, 180) |
#FF69B4 |
<font color="#FF69B4">■</font> |
| ■ ライトピンク |
(255, 182, 193) |
#FFB6C1 |
<font color="#FFB6C1">■</font> |
| ■ バイオレットレッド |
(219, 112, 147) |
#DB7093 |
<font color="#DB7093">■</font> |
| ■ バイオレットレッド2 |
(255, 131, 250) |
#FF83FA |
<font color="#FF83FA">■</font> |
| ■ バイオレットレッド3 |
(255, 110, 180) |
#FF6EB4 |
<font color="#FF6EB4">■</font> |
| ■ バイオレットレッド4 |
(199, 21, 133) |
#C71585 |
<font color="#C71585">■</font> |
| ■ サーモンピンク |
(255, 20, 147) |
#FF1493 |
<font color="#FF1493">■</font> |
| ■ ヴァイオレットレッド |
(255, 20, 147) |
#FF1493 |
<font color="#FF1493">■</font> |
| ■ ライトサーモンピンク |
(255, 106, 106) |
#FF6A6A |
<font color="#FF6A6A">■</font> |
| ■ コーラル |
(255, 114, 86) |
#FF7256 |
<font color="#FF7256">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ レッドオレンジ |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ レッド |
(255, 0, 0) |
#FF0000 |
<font color="#FF0000">■</font> |
■ オレンジ系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ オレンジ |
(255, 165, 0) |
#FFA500 |
<font color="#FFA500">■</font> |
| ■ オレンジレッド |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ オレンジレッド |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ ダークオレンジ |
(255, 140, 0) |
#FF8C00 |
<font color="#FF8C00">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ レッドオレンジ |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ インディアンオレンジ |
(176, 92, 0) |
#B05C00 |
<font color="#B05C00">■</font> |
| ■ レモン |
(255, 215, 0) |
#FFD700 |
<font color="#FFD700">■</font> |
| ■ コーラル |
(255, 127, 80) |
#FF7F50 |
<font color="#FF7F50">■</font> |
| ■ シトリンレッド |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ ゴールド |
(255, 215, 0) |
#FFD700 |
<font color="#FFD700">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ インディアンレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ サーモン |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
■ ブルー系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ ブルー |
(0, 0, 255) |
#0000FF |
<font color="#0000FF">■</font> |
| ■ ネイビーブルー |
(0, 0, 128) |
#000080 |
<font color="#000080">■</font> |
| ■ ロイヤルブルー |
(65, 105, 225) |
#4169E1 |
<font color="#4169E1">■</font> |
| ■ スチールブルー |
(70, 130, 180) |
#4682B4 |
<font color="#4682B4">■</font> |
| ■ カデットブルー |
(95, 158, 160) |
#5F9EA0 |
<font color="#5F9EA0">■</font> |
| ■ コーネルブルー |
(100, 149, 237) |
#6495ED |
<font color="#6495ED">■</font> |
| ■ ディープスカイ |
(0, 191, 255) |
#00BFFF |
<font color="#00BFFF">■</font> |
| ■ ドジャースブルー |
(30, 144, 255) |
#1E90FF |
<font color="#1E90FF">■</font> |
| ■ スカイブルー |
(135, 206, 235) |
#87CEEB |
<font color="#87CEEB">■</font> |
| ■ ライトスカイブルー |
(135, 206, 250) |
#87CEFA |
<font color="#87CEFA">■</font> |
| ■ ライトブルー |
(173, 216, 230) |
#ADD8E6 |
<font color="#ADD8E6">■</font> |
| ■ パウダーブルー |
(176, 224, 230) |
#B0E0E6 |
<font color="#B0E0E6">■</font> |
| ■ パレットグリーン |
(175, 238, 238) |
#AFEEEE |
<font color="#AFEEEE">■</font> |
| ■ シアン |
(0, 255, 255) |
#00FFFF |
<font color="#00FFFF">■</font> |
| ■ ダークシアン |
(0, 139, 139) |
#008B8B |
<font color="#008B8B">■</font> |
| ■ ライトシーグリーン |
(32, 178, 170) |
#20B2AA |
<font color="#20B2AA">■</font> |
■ 水系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ シアン |
(0, 255, 255) |
#00FFFF |
<font color="#00FFFF">■</font> |
| ■ ダークターコイズ |
(0, 206, 209) |
#00CED1 |
<font color="#00CED1">■</font> |
| ■ ライトシーグリーン |
(32, 178, 170) |
#20B2AA |
<font color="#20B2AA">■</font> |
| ■ スプリング |
(0, 250, 154) |
#00FA9A |
<font color="#00FA9A">■</font> |
| ■ パレットグリーン |
(175, 238, 238) |
#AFEEEE |
<font color="#AFEEEE">■</font> |
| ■ ライトシアン |
(224, 255, 255) |
#E0FFFF |
<font color="#E0FFFF">■</font> |
| ■ パウダーブルー |
(176, 224, 230) |
#B0E0E6 |
<font color="#B0E0E6">■</font> |
| ■ トルコ石 |
(0, 255, 204) |
#00FFCC |
<font color="#00FFCC">■</font> |
| ■ アクアマリン |
(127, 255, 212) |
#7FFFD4 |
<font color="#7FFFD4">■</font> |
| ■ ターコイズ |
(64, 224, 208) |
#40E0D0 |
<font color="#40E0D0">■</font> |
| ■ ターコイズブルー |
(0, 206, 209) |
#00CED1 |
<font color="#00CED1">■</font> |
| ■ ミディターコイズ |
(72, 209, 204) |
#48D1CC |
<font color="#48D1CC">■</font> |
| ■ サイアンブルー |
(0, 255, 255) |
#00FFFF |
<font color="#00FFFF">■</font> |
| ■ シーグリーン |
(95, 158, 160) |
#5F9EA0 |
<font color="#5F9EA0">■</font> |
| ■ オパール |
(0, 128, 128) |
#008080 |
<font color="#008080">■</font> |
■ グリーン系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ グリーン |
(0, 128, 0) |
#008000 |
<font color="#008000">■</font> |
| ■ ダークグリーン |
(0, 100, 0) |
#006400 |
<font color="#006400">■</font> |
| ■ フォレストグリーン |
(34, 139, 34) |
#228B22 |
<font color="#228B22">■</font> |
| ■ ティール |
(0, 128, 128) |
#008080 |
<font color="#008080">■</font> |
| ■ シーグリーン |
(46, 139, 87) |
#2E8B57 |
<font color="#2E8B57">■</font> |
| ■ ライムグリーン |
(50, 205, 50) |
#32CD32 |
<font color="#32CD32">■</font> |
| ■ ライム |
(0, 255, 0) |
#00FF00 |
<font color="#00FF00">■</font> |
| ■ スプリンググリーン |
(0, 255, 127) |
#00FF7F |
<font color="#00FF7F">■</font> |
| ■ グリーン |
(0, 128, 0) |
#008000 |
<font color="#008000">■</font> |
| ■ ライトシーグリーン |
(32, 178, 170) |
#20B2AA |
<font color="#20B2AA">■</font> |
| ■ ダークシアン |
(0, 139, 139) |
#008B8B |
<font color="#008B8B">■</font> |
| ■ ミディスプリング |
(0, 250, 154) |
#00FA9A |
<font color="#00FA9A">■</font> |
| ■ リーフグリーン |
(173, 255, 47) |
#ADFF2F |
<font color="#ADFF2F">■</font> |
| ■ オパール |
(0, 128, 128) |
#008080 |
<font color="#008080">■</font> |
| ■ オリーブドラブ |
(85, 107, 47) |
#556B2F |
<font color="#556B2F">■</font> |
■ イエロー系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ イエロー |
(255, 255, 0) |
#FFFF00 |
<font color="#FFFF00">■</font> |
| ■ ゴールド |
(255, 215, 0) |
#FFD700 |
<font color="#FFD700">■</font> |
| ■ オレンジレッド |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ オレンジ |
(255, 165, 0) |
#FFA500 |
<font color="#FFA500">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ サーモン |
(255, 127, 80) |
#FF7F50 |
<font color="#FF7F50">■</font> |
| ■ オレンジレッド |
(255, 69, 0) |
#FF4500 |
<font color="#FF4500">■</font> |
| ■ ダークオレンジ |
(255, 140, 0) |
#FF8C00 |
<font color="#FF8C00">■</font> |
| ■ トマト |
(255, 99, 71) |
#FF6347 |
<font color="#FF6347">■</font> |
| ■ ライトサーモン |
(255, 160, 122) |
#FFA07A |
<font color="#FFA07A">■</font> |
| ■ インディアレッド |
(205, 92, 92) |
#CD5C5C |
<font color="#CD5C5C">■</font> |
| ■ インディアオレンジ |
(176, 92, 0) |
#B05C00 |
<font color="#B05C00">■</font> |
| ■ レモン |
(255, 215, 0) |
#FFD700 |
<font color="#FFD700">■</font> |
| ■ ライトイエロー |
(255, 255, 224) |
#FFFFE0 |
<font color="#FFFFE0">■</font> |
■ ブラウン系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ ブラウン |
(165, 42, 42) |
#A52A2A |
<font color="#A52A2A">■</font> |
| ■ シェルブラウン |
(255, 245, 238) |
#FFFAEE |
<font color="#FFFAEE">■</font> |
| ■ シエナ |
(205, 133, 63) |
#CD853F |
<font color="#CD853F">■</font> |
| ■ チョコレート |
(210, 105, 30) |
#D2691E |
<font color="#D2691E">■</font> |
| ■ パーモン |
(205, 133, 63) |
#CD853F |
<font color="#CD853F">■</font> |
| ■ ローソク |
(139, 69, 19) |
#8B4513 |
<font color="#8B4513">■</font> |
| ■ ローソク冷たい |
(139, 69, 19) |
#8B4513 |
<font color="#8B4513">■</font> |
| ■ パーモン |
(205, 133, 63) |
#CD853F |
<font color="#CD853F">■</font> |
| ■ サドルブラウン |
(139, 69, 19) |
#8B4513 |
<font color="#8B4513">■</font> |
| ■ ロージーブラウン |
(188, 143, 143) |
#BC8F8F |
<font color="#BC8F8F">■</font> |
| ■ ロスチブラウン |
(139, 69, 19) |
#8B4513 |
<font color="#8B4513">■</font> |
| ■ ブラウンオレンジ |
(222, 184, 135) |
#DEB887 |
<font color="#DEB887">■</font> |
| ■ ブラウニシュレッド |
(205, 133, 63) |
#CD853F |
<font color="#CD853F">■</font> |
| ■ シェブロンブラウン |
(139, 69, 19) |
#8B4513 |
<font color="#8B4513">■</font> |
■ ホワイト系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ ホワイト |
(255, 255, 255) |
#FFFFFF |
<font color="#FFFFFF">■</font> |
| ■ スノーホワイト |
(255, 250, 250) |
#FFFAFA |
<font color="#FFFAFA">■</font> |
| ■ フローラルホワイト |
(255, 250, 240) |
#FFFAF0 |
<font color="#FFFAF0">■</font> |
| ■ ゴーストホワイト |
(248, 248, 255) |
#F8F8FF |
<font color="#F8F8FF">■</font> |
| ■ アイヴォリー |
(255, 255, 240) |
#FFFFF0 |
<font color="#FFFFF0">■</font> |
| ■ ホワイトスモーク |
(245, 245, 245) |
#F5F5F5 |
<font color="#F5F5F5">■</font> |
| ■ フローラルホワイト |
(255, 250, 240) |
#FFFAF0 |
<font color="#FFFAF0">■</font> |
| ■ マグネシアホワイト |
(250, 240, 230) |
#FAF0E6 |
<font color="#FAF0E6">■</font> |
| ■ オールドレース |
(253, 245, 230) |
#FDF5E6 |
<font color="#FDF5E6">■</font> |
| ■ ラベンダーブラッシュ |
(255, 240, 245) |
#FFF0F5 |
<font color="#FFF0F5">■</font> |
| ■ ビスク |
(255, 228, 196) |
#FFE4C4 |
<font color="#FFE4C4">■</font> |
| ■ ミストホワイト |
(255, 248, 220) |
#FFFAE6 |
<font color="#FFFAE6">■</font> |
| ■ リネン |
(250, 240, 230) |
#FAF0E6 |
<font color="#FAF0E6">■</font> |
| ■ オールドラベンダー |
(230, 230, 250) |
#E6E6FA |
<font color="#E6E6FA">■</font> |
■ ブラック系
| カラー名 |
RGB |
HEX |
Qiita用カラーコード表示 |
| ■ ブラック |
(0, 0, 0) |
#000000 |
<font color="#000000">■</font> |
| ■ オンブラック |
(0, 0, 0) |
#000000 |
<font color="#000000">■</font> |
| ■ ジェットブラック |
(0, 0, 0) |
#000000 |
<font color="#000000">■</font> |
| ■ チャコールブラック |
(54, 69, 79) |
#36454F |
<font color="#36454F">■</font> |
| ■ グレイ |
(128, 128, 128) |
#808080 |
<font color="#808080">■</font> |
| ■ グレイロー |
(169, 169, 169) |
#A9A9A9 |
<font color="#A9A9A9">■</font> |
| ■ ライトグレイ |
(211, 211, 211) |
#D3D3D3 |
<font color="#D3D3D3">■</font> |
| ■ シルバーグレイ |
(192, 192, 192) |
#C0C0C0 |
<font color="#C0C0C0">■</font> |
| ■ ダークグレイ |
(169, 169, 169) |
#A9A9A9 |
<font color="#A9A9A9">■</font> |
| ■ ミッドナイト |
(25, 25, 112) |
#191970 |
<font color="#191970">■</font> |
| ■ ネイビーブルー |
(0, 0, 128) |
#000080 |
<font color="#000080">■</font> |
| ■ インディゴブルー |
(75, 0, 130) |
#4B0082 |
<font color="#4B0082">■</font> |
| ■ ダークスレート |
(47, 79, 79) |
#2F4F4F |
<font color="#2F4F4F">■</font> |
