カラーピッカー

オンラインHTML RGB HEXカラーピッカー

おめでとうございます! あなたは今、選択と 利用可能なすべてのコードから数千色を選択してくださいはい、ウェブサイトやアプリケーションの HTML カラー コードから、各色の 16 進数、RGB、または HSL コードまで対応しています。例については、 すべての色名が記載された表 下記に、色とりどりの虹が勢ぞろい!

トゥルコ: 次回からすぐにアクセスできるよう、このツールをブラウザのお気に入りに追加してください😉

[カラーピッカー]

オンラインのカラーピッカーまたはカラーパレットの使い方は?

このツールは非常に使いやすいです。以下の手順に従うだけで済みます。

  • ステップ1: ご覧のとおり、 カラーコーディングツール これは2つの部分から構成されています。大きい方のカラーチャートと、使用可能な色全体のパレットを表示するカラーバーです。
  • ステップ2: 必要なのは、カラーチャートの横にある縦棒で色を指定することです。
  • ステップ3: 色が決まったら、右側の枠内でその色の濃淡を指定する必要があります。
  • ステップ4: ツールの下部には、 HEX、RGB、HSV、HSLコード 選択された色に対応します。 簡単でしょう?
カラーホイール
カラーホイール

カラーコードの種類、用途、意味、および使用方法

これで使い方がわかったので オンラインカラーコード選択ツールそろそろ、様々なプログラムやウェブサイトなどで提供される様々なコードの使い方やタイミングを学ぶ時期です。

HTMLコードにおける色

HTMLはウェブサイト作成において最も広く使われている言語です。ウェブサイトをデザインする際、色の名前だけでは色を特定できません。対応する HTML コードで表現する必要があります。そこで、この情報を提供してくれる当社のツールが役立ちます。作業が楽になります。必要なのは、 選択した色に対応するHTMLコード そして、それをあなたのウェブサイトにコピー&ペーストしてください。

16進数(HEX)コードで表された色

たくさん HEXまたは16進数カラーコードこれらは16進数のシリアル番号で構成されており、よりシンプルで直接的な識別を可能にします。ただし、このコードは色の不透明度を定義できないため、あまり一般的に使用されない場合もあります。 これはHTMLおよびCSSプログラミングでの使用を想定しています。ほとんどの場合、PhotoshopやIllustratorなどの編集プログラム内で、後で不透明度を編集したり、エフェクトやテクスチャを追加したりできる色を定義するためにのみ使用されます。

10進数コード(RGB)で表された色

10進数RGBカラーコードは、各色の強度を表すものです。 原色 その構成において。これらの色は 赤、緑、青そしてこの命名法では、集中を可能にする 256レベルこれにより、 16.777.216種類の色.

各色に対応するコードは、その色を得るために必要な各原色の濃度を示しており、以下に対応します。

  • 最初の数字は赤色です。
  • 2打目でグリーンへ。
  • 青色を表す3番目の数字。

例えば、「エレクトリックグリーン」という色は、0、255、0という数字で表され、これは赤の濃度が0、緑の濃度が255、青の濃度が0であることを示しています。

選択されたカラーコードは 透明度または不透明度を指定するには、末尾に0から1までの数値を追加してください。つまり、エレクトリックグリーンの色の末尾に0.5を加えると、この色の不透明度が50%であることを示し、コードは次のようになります: 0, 255, 0, 0.5。この形式は、 RGBA.

HSVカラーモデル

El HSVカラーモデル (マトリックス、彩度、明度、英語からの翻訳)は、主にアプリケーションカラーの選択に使用されます。 より正確な音色このモデルでは、まずマトリックスが決定され、円形のカラーパレット内の色の度数(°)の値、次に彩度、そして最後に明るさまたは値が定義されます。 マトリックスは0°から360°までの値を受け付け、彩度と明るさは0%から100%までのパーセンテージ値を受け付けます。.

RGBモデルと同様に、3つの値が決定されます。

  • マトリックスの第一号
  • 2つ目は飽和のため
  • 3つ目は輝きのために

色名とそのHTML、HEX、RGB、HSVコードを記載した表

がここにあります プログラミングとグラフィックデザインで最もよく使われる色の一覧これにより、16進数、RGB、HSVコードをより簡単に識別でき、 作品にコピー&ペーストできます ウェブデザイン、アプリケーション、テンプレート、キャンバスなど。

茶色と黄土色

茶色や黄土色のHTMLコードを素早く見つけて、あらゆるプロジェクトで最大限の精度で使用しましょう。

お名前 サンプル 16進数コード RGB HSV
アルメンドラ #EFDECD 239 222 205 30° 52% 87%
アリーナ #ECE2C6 236 226 198 44° 16% 92%
bistre #967117 150 113 23 43° 85% 58.59375%
スペイン風ビストル #8E6E37 142 110 55 38° 61% 55.46875%
カフェ #591F0B 89 31 11 15° 88% 34.765625%
褐色 #800000 128 0 0 100% 50%
ブラウン #694C41 105 76 65 17° 38% 41.015625%
薄茶色または黄褐色 #BA7C45 186 124 69 28° 63% 72.65625%
ブロンズ #CD7F32 205 127 50 30° 76% 80.078125%
休閑 #C19A6B 193 154 107 33° 45% 75.390625%
スエード #E6B57E 230 181 126 32° 45% 89.84375%
ベージュ #E8C39E 232 195 158 30° 32% 90.625%
マホガニー #C04000 192 64 0 20° 100% 75%
カキ #C3B091 195 176 145 37° 26% 76.171875%
カキ・クラロ #F0E68C 240 230 140 54° 42% 94%
黒いカキ #BDB76B 189 183 107 56° 43% 74%
シナモンまたはシナモンの木 #996B42 153 107 66 28° 57% 60%
チョコレート #7B3F00 123 63 0 31° 100% 48%
さび #A2522B 162 82 43 20° 73% 64%
ライオンまたは黄褐色 #BC8648 188 134 72 32° 62% 74%
ブラウン #964B00 150 75 0 30° 100% 58.59375%
レザーブラウン #8B4513 139 69 19 25° 86% 55%
黄金色 #996515 153 101 21 36° 86% 60%
マロンクラロ #B5651D 181 101 29 28° 84% 71%
ミディアムブラウン #804000 128 64 0 30° 100% 50%
ダークブラウン #654321 101 67 33 30° 67% 40%
薄茶色 #987654 152 118 84 30° 45% 60%
セピアブラウン #5C5343 92 83 67 38° 27% 36%
糖蜜 #D19538 209 149 56 36° 62% 52%
オークル #B9935A 185 147 90 36° 51% 73%
黄土色 #D1974D 209 151 77 34° 63% 82%
黄土色 #B5783A 181 120 58 30° 68% 71%
赤土 #7D3F32 125 63 50 10° 60% 49%
茶色の黄土色 #5F3F3E 95 63 62 35% 37%
濃い茶色の黄土色 #4B382F 75 56 47 19° 37% 29%
金色の黄土 #573F25 87 63 37 31° 57% 34%
黄金色の黄土色 #C97E28 201 126 40 32° 80% 79%
トーストした黄金色の黄土色 #9A6619 154 102 25 36° 84% 60%
黄土色の肌 #874639 135 70 57 10° 58% 53%
黄土色 #955F20 149 95 32 32° 79% 58%
緑がかった茶色 #826C34 130 108 52 43° 60% 51%
ペルー #CD853F 205 133 63 30° 69% 80.078125%
ラフ #CB6D51 203 109 81 14° 60% 80%
レッドウッド #8A5754 138 87 84 39% 54%
セピア #663B2A 102 59 42 17° 59% 40%
セピア #524B3B 82 75 59 42° 28% 32%
シエナ #882D17 136 45 23 12° 83% 53%
バーントシェンナ #8E372E 142 55 46 68% 55.46875%
たばこ #50301E 80 48 30 22° 63% 31%
トレビゾ #823A3F 130 58 63 356° 55% 51%
ウェンジ #3D2E2C 61 46 44 28% 24%
チコリア #5C5342 92 83 66 39° 28% 36%
チコリ #5D5342 93 83 66 38° 29% 36%
ツリー #C48A3C 196 138 60 34° 69% 37%

赤とワインレッド

この表では、赤色と深紅色のすべてのHTMLコードを迅速かつ正確に見つけることができるため、ツール内で一つずつ手動で検索する時間を無駄にすることはありません。

お名前 サンプル 16進数コード RGB HSV
ロホ #FF0000 255 0 0 100% 100%
赤(標準) #E60026 230 0 38 350° 100% 90%
アルマグレ #DC2339 220 35 57 353° 84% 86%
ベルメホ #D22C21 210 44 33 84% 82%
朱色 #E62E00 230 46 0 12° 100% 90%
中国の朱色 #B21A27 178 26 39 355° 85% 70%
オランダのバーミリオン #E62E11 230 46 17 93% 90%
ボルドーまたはマルーン #6D071A 109 7 26 349° 94% 43%
ワイン #900020 144 0 32 346° 100% 56%
真紅 #E51A4C 229 26 76 345° 89% 90%
カーマイン(標準) #D10047 209 0 71 340° 100% 82%
カーマイン(写真) #C30B4E 195 11 78 338° 94% 76%
アリザリンカルミン #A11C55 161 28 85 334° 83% 63%
マンセルレッド #F2003C 242 0 60 345° 100% 95%
コーラル #E51D2E 229 29 46 355° 87% 90%
スカーレット #E30032 227 0 50 347° 100% 89%
スカーレット・ゴブラン #BD002F 189 0 47 345° 100% 74%
ラズベリー #E61D52 230 29 82 344° 87% 90%
ガーネット #AA1C47 170 28 71 342° 84% 67%
グラナ #AB2A3E 195 16 58 346° 92% 76%
赤鉄鉱 #D4442F 212 68 47 78% 83%
肝臓 #891E35 137 30 53 347° 78% 54%
ファルンレッド #7C342B 124 52 43 65% 49%
インディアンレッド #882D17 136 45 23 12° 83% 53%
ペルシャレッド #CB1D11 203 29 17 92% 80%
トスカーナ産赤ワイン #79443B 121 68 59 51% 47%
ベネチアンレッド #6E433C 110 67 60 45% 43%
トマトまたはカルミナ #D5303E 213 48 62 355° 77% 84%
フィリピン産赤 #C81023 200 16 35 354° 92% 78%
スイカレッド #C03E3E 192 62 62 68% 75%

赤からオレンジへの色の移行

以下に、最も明るい色から最も暗い色まで、赤とオレンジの様々な色合いのHTMLコードをすべて掲載しました。プロジェクトに最適な色をお選びください。

お名前 サンプル 16進数コード RGB HSV
オレンジレッド #FF2000 255 32 0 7.5° 100% 100%
オレンジレッド(標準) #E82300 232 35 0 100% 91%
エレクトリックオレンジ #FF3202 255 51 2 12° 99% 100%
赤橙色 #FF4000 255 64 0 15° 100% 100%
オレンジレッド(標準) #FF4500 255 69 0 16° 100% 100%
赤みがかったオレンジ色 #FF6000 255 96 0 22.5° 100% 100%
赤みがかったオレンジ色(標準) #E95400 233 84 0 22° 100% 91%

オレンジ色

オレンジ色の色調に対応するHTMLコードがこの表に記載されているので、ツール内で直接操作することなく、それぞれの色調を素早く見つけることができます。

お名前 サンプル 16進数コード RGB HSV
オレンジ合金 #C46210 196 98 16 27° 85% 42%
こはく色 #E2893A 226 137 58 28° 74% 89%
かぼちゃ #EDAA7C 237 170 124 24° 48% 93%
かぼちゃ #D99343 217 147 67 32° 69% 85%
カーキオレンジ #F38D3C 243 141 60 27° 75% 95%
カーキオレンジ #E25F23 226 95 35 19° 85% 89%
オレンジ #FF8000 255 128 0 30° 100% 100%
オレンジ(濃い色) #E65F00 230 95 0 25° 100% 90%
ナランハ クラロ #FED8B1 254 216 177 30° 30% 100%
中くらいのオレンジ色 #FF7802 255 120 2 28° 99% 100%
ナランハ・オスクロ #FF8C00 255 140 0 33° 100% 100%
シイラ #D4AF37 212 175 55 46° 74% 83%
ラマ #F98FD 249 143 29 31° 88% 98%
サーモン #FA8072 250 128 114 54% 98%

黄色

ここに、黄色系の色のHTMLコードを示します。純粋な黄色から、マスタードや緑、オレンジに近い色まで、幅広い色合いが網羅されています。

お名前 サンプル 16進数コード RGB HSV
アマリロ #FFFF00 255 255 0 60° 100% 100%
アマリロクラロ #FFFFE0 255 255 224 60° 12% 100%
インディアンイエロー #E3A857 227 168 87 35° 62% 89%
レモンイエロー #FFF83B 255 248 59 58° 77% 100%
中程度の黄色 #FFE302 255 227 2 54° 99% 100%
アマリロ・オスクロ #9C9C00 156 156 0 60° 100% 61%
こはく色 #FFDF00 250 215 0 51° 100% 50%
青白い #E4D00A 228 208 10 54° 92% 47%
菜種 #FFE900 255 233 0 55° 100% 100%
Crema #FFFFD0 255 253 208 57° 18% 100%
グアルドまたは黄色のグアルダ #FFD700 255 215 0 51° 100% 100%
フレーバーまたは淡黄色 #FEFF3F 254 255 63 60° 100% 62%
金色またはパステルイエロー #FDFD96 253 253 150 60° 96% 79%
オーレオリンまたはコバルトイエロー #FFE661 255 230 97 51° 62% 100%
金色または金色 #DAA520 218 165 32 43° 85% 85%
カドミウムまたはカドミウムイエロー #FFF600 255 246 0 58° 100% 100%
クロム酸塩またはクロムイエロー #FFCC0F 255 204 15 47° 94% 100%
アリラドまたはアムル。モノアゾ #E9D66B 233 214 107 51° 74% 67%
Hansa #FCC300 252 195 0 46° 100% 99%
水仙 #EFD52E 239 213 46 52° 81% 94%
レモン(標準) #D9E542 217 229 66 64° 71% 90%
マスタード #FFDB58 255 219 88 47° 65% 100%
ライトマスタード #EEDD62 238 221 98 53° 59% 92%
ダークマスタード #7C7C40 124 124 64 60° 48% 49%
ナポレオン #ECCD6A 236 205 106 46° 55% 93%
ダークナポレオン #FFC94D 225 201 77 42° 70% 100%
ナポレート・クラロ #FFF6AD 255 246 173 53° 32% 100%
赤みがかったナポレオン #F9BDA1 249 189 161 19° 35% 98%
ゴールド #FFD700 255 215 0 51° 100% 100%
シャルトリューズ #DFFF00 223 255 0 67° 100% 100%
グタまたは黄色のグタガンバ #E49B0F 228 115 15 39° 93% 89%
銀黄色 #F5F35B 245 243 91 59° 63% 96%
フィリピンの黄色 #FFCB03 255 203 2 48° 99% 100%

黄色から緑への色の移行

以下は、黄色から緑色への遷移色を表すHTMLコードをまとめた表です。これらの色はツール内で検索する際に混乱を招くことが多いため、ここに直接掲載することで分かりやすくしました。

お名前 サンプル 16進数コード RGB HSV
緑がかった黄色 #DED700 28 215 0 58° 100% 87%
ヴェルデ アマリロ #C6CE00 198 206 0 62° 100% 81%
黄緑色 #75B313 117 179 19 83° 89% 70%
緑と黄色のウェブ #ADFF2F 173 255 47 84° 82% 100%
アシッドグリーン #B0BF1A 176 191 26 65° 70% 43%
カルトゥジオ会またはフランス産シャルトリューズ #DFFF00 223 255 0 67° 100% 100%
青白い #E4D00A 228 208 10 54° 92% 47%
リマ #9EFD38 158 253 78 89° 78% 99%
フランスのリマ #9CFE37 156 254 55 90° 78% 100%
レモン(標準) #D9E542 217 229 66 64° 71% 90%
オリーブグリーン #6B8E23 107 142 35 80° 75% 56%

緑色

これは、緑色の濃淡を表すHTMLコードをまとめた表です。緑色は最も印象的な色の1つであり、環境やお金に関連するプロジェクトでよく使用されますが、もちろん、お好きな用途にご利用いただけます。

お名前 サンプル 16進数コード RGB HSV
エレクトリックグリーン #00FF00 0 255 0 120° 100% 100%
ミディアムグリーン #008000 0 128 0 120° 100% 50%
スタンダードシノプルまたはグリーン #00B564 0 181 100 153° 100% 35%
緑または鮮やかな緑色 #0CF90C 12 249 12 120° 95% 98%
濃い緑色または灰色 #228B22 34 139 34 120° 76% 55%
青みがかった、または不透明な淡緑色 #63E457 99 228 87 115° 72% 62%
濃い緑色(ウェブ) #006400 0 100 0 120° 100% 39%
多孔質または濃い緑色 #1B4125 27 65 37 136° 58% 25%
マラカイト #0BDA51 11 218 81 140° 95% 85%
淡いエメラルド色 #00FFBF 0 255 191 165° 100% 100%
エスメラルダ #009975 0 153 117 166° 100% 60%
森の緑または森林 #35682D 53 104 45 112° 57% 41%
ジェイド #34C2A7 52 194 167 169° 73% 76%
ピスタチオ #93C572 147 197 114 96° 42% 61%
青みがかった緑色、またはシダのような緑色 #71BC78 113 188 120 126° 44% 74%
モスグリーン #8A9A5B 138 154 91 75° 41% 60%
古い苔のような緑色 #707D3D 112 125 61 72° 51% 49%
ミント #98FF98 152 255 152 120° 40% 100%
鮮やかな緑または淡い緑色 #77DD77 119 221 119 120° 46% 87%
パロットグリーン #52B830 82 184 48 105° 74% 72%
日本の月桂樹 #04A404 4 164 4 120° 98% 64%
グリーンボトル #006A4E 0 106 78 164° 100% 42%
シーグリーン #2E8B57 46 139 87 146° 67% 55%
グリーンフッカー1号 #44944A 68 148 74 125° 54% 58%
グリーンフッカー2号 #3B7861 59 120 97 157° 51% 47%
オリバ #6B8E23 107 142 35 80° 60% 35%
春の緑 #00FF7F 0 250 127 150° 100% 100%
ヴェロネーゼ #18A88D 24 168 141 169° 86% 66%
シュヴァインフルト・グリーン #009B7D 0 155 125 168° 100% 61%
パリス・グリーン #128385 18 131 133 181° 86% 52%
ビリジアンまたは錆びた緑色 #4B5F56 75 95 86 153° 12% 33%
スパニッシュビリジアン #007F5C 0 127 92 163° 100% 50%
ビリジアン #007F66 0 127 102 168° 100% 50%
アッシュグリーン(写真) #009872 0 152 114 165° 100% 60%
アッシュグリーン #5F7F7A 95 127 122 171° 25% 50%
緑青または灰緑色 #43B3AE 67 179 174 177° 46% 48%
ティールまたはパイングリーン #1B7677 27 118 119 181° 77% 47%
ティール(ダーク) #00554E 0 85 78 175° 100% 33%
シェーレ緑 #478800 71 136 0 89° 100% 53%
イスラムグリーン #019902 1 153 2 120° 39% 60%
ロシアングリーン #669F5F 102 155 95 113° 39% 61%

緑から青への色の移行

このセクションでは、緑から青へのグラデーションカラーのHTMLコードを紹介します。ライトエメラルド、アクアマリン、シアングリーンなどの特殊な色も含まれています。

お名前 サンプル 16進数コード RGB HSV
淡いエメラルド色 #00FFBF 0 255 191 165° 100% 100%
ターコイズ #40E0D0 64 224 208 174° 71% 88%
アクアマリン #7FFFD4 127 255 212 160° 50% 100%
アクアマリン(パントン) #ACDCDD 172 220 221 181° 22% 87%
シアングリーン #00FF80 0 255 128 150° 100% 100%
青緑色または青緑色 #0D98BA 13 152 186 192° 93% 72%

シアンとライトブルーの色

シアンとライトブルーのHTMLコードはすべてこのセクションにあり、エアロブルー、ビグロ、ターコイズブルーといったかなりユニークな色も含まれています。

お名前 サンプル 16進数コード RGB HSV
エアロ #7CB9E8 124 185 232 206° 70% 70%
ブルーエアロ #C9FFE5 201 255 229 151° 100% 89%
アクアマリン #7FFFD4 127 255 212 160° 50% 100%
東方アクアマリン #ACDCDD 172 220 221 181° 22% 87%
ターコイズ #00FFEF 0 255 239 176° 100% 100%
ツルニチニチソウ #CCCCFF 204 204 255 240° 20% 100%
カリプソ #00DDF3 0 221 243 185° 100% 95%
#87CEFA 135 206 250 203° 46% 98%
水色 #B2FFFF 178 255 255 180° 30% 100%
セルリアン(特定) #1DACD6 29 172 214 194° 86% 84%
セルリアン(特定なし) #A7D3F3 167 211 243 205° 31% 95%
シアン化物(添加剤) #00FFFF 0 255 255 180° 100% 100%
Cian #00B0F6 0 176 246 197° 100% 96%
ターコイズ #40E0D0 64 224 208 174° 71% 88%
ライトターコイズ #AFE4DE 175 228 222 173° 50% 79%
ミディアムターコイズ #48D1CC 72 209 204 178° 66% 82%
濃いターコイズブルー #00CED1 0 206 209 181° 100% 82%
淡いターコイズ #アフィーイー 175 238 238 180° 26% 93%
ターコイズグリーン #A0D6B4 160 214 180 142° 25% 84%

中程度と濃い青色

中程度および濃い青色のHTMLコードをお探しの場合は、この表に記載されていますので、ツール内で手動で探す必要がなく、時間を節約できます。

お名前 サンプル 16進数コード RGB HSV
アスル #0000FF 0 0 255 240° 100% 100%
水色 #ADD8E6 173 216 230 195° 25% 90%
エレクトリックブルー #7DF9FF 125 249 255 183° 51% 100%
濃いエレクトリックブルー #536878 83 104 120 206° 31% 47%
ミディアムブルー #0000CD 0 0 205 240° 100% 80%
アズールオスクロ #00008B 0 0 139 240° 100% 55%
青白い #D1EDF2 209 237 242 189° 14% 95%
ブルーPRU #72A0C1 114 160 193 205° 39% 60%
アズール #0099FF 0 153 255 204° 100% 100%
インジゴ #091F92 9 31 146 230° 94% 57%
コバルト(特定) #333C87 51 60 135 234° 62% 53%
コバルトブルー(写真) #00438A 0 67 138 211° 100% 54%
ライトコバルト(写真) #091F92 9 31 146 230° 94% 57%
ダークコバルト(写真) #004F79 0 79 121 201° 100% 47%
プルシアンブルー #003153 0 49 83 205° 100% 33%
マジョレルブルー #5564EB 85 100 235 234° 64% 92%
青みがかった青色 #007E8B 0 126 139 186° 100% 55%
ネイビーブルー(写真) #0A3F7A 10 63 122 212° 92% 48%
#436EC0 67 110 192 219° 65% 75%
絶対ゼロ #0048BA 0 72 186 217° 100% 36%
セルリアンブルー #318CE7 49 140 231 210° 79% 91%
インジゴ #003C92 0 60 146 215° 100% 57%
インディゴ(図解) #213C6E 33 60 110 219° 70% 43%
オルセラ #25206F 37 32 111 244° 71% 44%
七面鳥 #122562 18 37 98 216° 100% 42%
ザフィロ #6576B4 101 118 180 227° 44% 71%
マンセルブルー #0093AF 0 147 175 190° 100% 69%
水色 #4795CE 71 149 206 205° 66% 81%
インペリアルブルー #00209C 0 32 156 228° 100% 61%
ティールブルー #367793 54 119 157 198° 63% 68%

青から紫への色の移り変わり

青から紫への色の変化はツール内で見つけにくい場合が多いので、それらのHTMLコードをすべてこの表にまとめました。

お名前 サンプル 16進数コード RGB HSV
紫がかった青 #2000FF 32 0 255 247.5° 100% 100%
紫がかった青(標準) #382983 56 41 131 250° 69% 51%
パープルブルー #4000FF 64 0 255 255° 100% 100%
紫がかった青(標準) #4C2882 76 40 130 264° 69% 51%
青みがかった紫 #6000FF 96 0 255 262.5° 100% 100%
青みがかった紫色(標準) #612682 97 38 130 278° 71% 51%

紫とすみれ色

紫とすみれ色のHTMLコードを学びましょう。これらの色は非常に特別な色であり、その汎用性の高さから、さまざまなプロジェクトで使用できます。

お名前 サンプル 16進数コード RGB HSV
濃い紫色のアマランサス #9F2B68 159 43 104 328° 57% 40%
アシアーノ #8892C6 136 146 198 230° 31% 78%
アマティスタ #898AC0 137 138 192 239° 29% 75%
ラベンダー #B57EDC 181 126 220 275° 43% 86%
パープル #CBA2C8 203 162 200 304° 20% 80%
鮮やかな紫色 #D891EF 216 145 239 285° 39% 94%
薄紫色 #DCD0FF 220 208 255 255° 18% 100%
フレンチライラック #DEB7D9 222 183 217 308° 18% 87%
濃い紫色 #9955BB 153 85 187 280° 43% 53%
ライラックラベンダー #D3CD 211 193 221 279° 13% 87%
淡いライラック色 #DCD0FF 220 208 255 255° 100% 91%
リリオ #7F69A5 127 105 165 262° 36% 65%
マルバ #E0B0FF 224 176 255 276° 31% 100%
紫色(特定されていない) #572364 87 35 100 288° 65% 39%
紫(その他) #4A2364 74 35 100 276° 65% 39%
家長 #800080 128 0 128 300° 100% 50%
パープル #6A0DAD 106 13 173 275° 92% 68%
パーキンパープル #9F68A6 159 104 166 293° 37% 65%
ティリアンパープル #4E0041 78 0 65 310° 100% 31%
中程度の紫色 #9370DB 147 112 219 260° 49% 86%
濃い紫 #301934 48 25 52 291° 51% 20%
淡い紫色 #FAE6FA 250 230 250 300° 8% 98%
ブドウ #6F2DA8 111 45 158 272° 73% 66%
バイオレット #7F00FF 127 0 255 270° 100% 100%
セントポーリア #B284BE 178 132 190 288° 31% 63%
薄紫色 #B09DB9 176 157 185 281° 15% 73%
鮮やかな紫 #330066 51 0 102 270° 100% 40%
中紫 #65315F 101 49 95 308° 51% 40%
濃い紫色 #9400D3 143 0 211 282° 100% 83%
淡い紫色 #CC99FF 204 153 255 270° 40% 100%
バイオリン #A10684 161 6 132 311° 96% 63%
サファイア(標準) #7573A6 117 115 166 242° 31% 65%

マゼンタとピンク色

女性らしさと密接に関連し、幅広い分野で使用されているマゼンタとピンクの色調のHTMLコードをご紹介します。

お名前 サンプル 16進数コード RGB HSV
アマランサス(色) #E52B50 229 43 80 348° 78% 53%
ピンクアマランサス #F19CBB 241 156 187 338° 75% 78%
クリスヴィルまたは肉 #FCD0B4 252 208 180 23° 29% 99%
マゼンタ #FF00FF 255 0 255 300° 100% 100%
マゼンタ(標準) #F50087 245 0 135 327° 100% 96%
マゼンタ色の空 #CF71AF 207 113 175 320° 45% 81%
ライトマゼンタ #FF80FF 255 128 255 300° 50% 100%
鮮やかなマゼンタ #CC00CC 204 0 204 300° 100% 80%
ダークマゼンタ #8B008B 139 0 139 300° 100% 27%
淡いマゼンタ #F984E5 249 132 229 310° 47% 98%
ピンク(標準) #F6AE97 246 174 151 15° 39% 96%
バラ(特定されていない) #F7BFBE 247 191 190 23% 97%
ピンク色がかった #FD6C9E 253 108 158 339° 57% 99%
ピンクのレース #FFDDF4 255 221 244 319° 13% 100%
絵柄のピンク #FF77FF 255 119 255 319° 25% 100%
フクシア #FF0080 255 0 128 330° 100% 100%
赤みがかったフクシア色 #FF005A 255 0 90 339° 100% 100%
オルセイン #C20073 194 0 115 324° 100% 76%
コーラルローズ #EB6362 235 99 98 58% 92%
メキシコのバラ #F50087 245 0 135 327° 100% 96%
サーモン #FA8072 250 128 114 54% 98%

紫から赤への色の移り変わり

紫と赤の間のグラデーションカラーを探していて、ツールで見つけられなかった場合は、この表にそれらのHTMLコードが記載されています。

お名前 サンプル 16進数コード RGB HSV
赤紫色 #A11480 161 20 128 314° 88% 63%
ロホ・プルプラ #E40078 228 0 120 328° 100% 89%
紫がかった赤 #E30049 227 0 73 341° 100% 89%

白色

想像していなかったかもしれませんが、白にも実に様々な種類があります。そこで、それぞれの白について学び、より簡単に見つけられるように、HTMLコードを記載した表を作成しました。

お名前 サンプル 16進数コード RGB HSV
アラバスター #F2F0E6 242 240 230 50° 32% 93%
白またはオフホワイト #F6F6F6 246 246 246 0% 96%
アリスブルー(冷たい青白) #F0F8FF 240 248 255 208° 6% 100%
Blanco #FFFFFF 255 255 255 0% 100%
古い白 #FAEBD7 250 235 215 34° 14% 98%
亜鉛白 #FAFBFD 250 251 253 220° 1% 99%
ナバホ族の白人 #FFDEAD 255 222 173 36° 32% 100%
白い漆喰 #F8F8FF 248 248 255 208° 100% 97%
シェル #FFF5EE 255 245 238 25° 7% 100%
ランケチーノ(ミントホワイト) #F5FFF0 245 255 240 100° 6% 100%
アンティークレース #FDF5E6 253 245 230 40° 6% 100%
ウエソ #EDEAE0 237 234 224 46° 5% 93%
白煙 #F5F5F5 245 245 245 0% 96%
マーフィル #FFFFF0 255 255 240 60° 6% 100%
真珠層 #FBF4E2 251 244 226 43° 10% 98%
#FFFAFA 255 250 250 100% 99%
チタンホワイト #FDFDFD 253 253 253 —° 0% 98.828125%

グレー

白と同様に、グレーにも幅広い色調があります。これらの個性豊かで上品な色それぞれのカラーコードを素早く見つけましょう。

お名前 サンプル 16進数コード RGB HSV
アルミ #D6D6D6 214 214 214 —° 0% 84%
#B0B5BC 176 181 188 215° 8% 71%
グレー #808080 128 128 128 —° 0% 50%
薄暗い灰色 #696969 105 105 105 —° 0% 41%
デイビーグレイ #555555 85 85 85 —° 0% 33%
スルファン #536878 83 104 120 206° 31% 47%
ライトグレー #D3D3D3 211 211 211 —° 0% 83%
冷たい灰色 #496063 73 96 99 187° 26% 39%
ミディアムグレー #ベイビーベイビー 190 190 190 0% 75%
暗灰色 #A9A9A9 169 169 169 0% 66%
アンティークシルバー #848482 132 132 130 60° 2% 52%
#CDCDCD 205 205 205 0% 80%
プラチナ #E5E4E2 229 228 226 40° 1% 90%
プロモ #404040 64 64 64 —° 0% 25%
ダークサルファン #36454F 54 69 79 204° 32% 31%
リネン #D7D0B7 215 208 183 47° 15% 84%
ザナドゥ #738678 115 134 120 136° 14% 53%
明るいグレー #EEEEEE 238 238 238 —° 0% 92,96875%

黒色

黒色の色調を表すHTMLコードを素早く見つけて、あらゆるプロジェクトで最大限の精度で使用しましょう。

お名前 サンプル 16進数コード RGB HSV
ブラック #000000 0 0 0 —° —% 0%
漆黒または光沢のある黒 #010101 1 1 1 —° 0% 0.390625%
石炭 #191919 25 25 25 —° 0% 10%
黒檀 #37312B 55 49 43 30° 22% 22%
黒鉛 #1C1C1C 28 28 28 —° 0% 11%
コードバン #3B2A21 59 42 33 21° 44% 23%
黒色のスパークプラグ #2A3223 42 50 35 92° 30% 20%
#382212 56 34 18 25° 68% 22%
ブラックチャイニーズ #0F0F0F 16 16 16 —° 0% 6.25%
ブラックカラント #202020 32 32 32 —° 0% 12.5%
アンスラサイトブラックメタリックグレー #293133 41 49 51 228° 0,027% 0,354%

紋章入りのエナメルと金属製品

紋章学とは、中世の家族が用いた紋章を研究する学問です。これらの紋章には、紋章用エナメルや金属と呼ばれる色が用いられていました。この表には、それぞれの紋章のコードが記載されています。

お名前 サンプル 16進数コード RGB HSV
ガレス #ED1C24 237 28 36 358° 88% 93%
アズール #0071BC 0 113 188 204° 100% 74%
シノポリス #008F4C 0 143 76 152° 100% 56%
パープル #800080 128 0 128 300° 100% 50%
Sable #000000 0 0 0 —° 0% 0%
ゴールド #EAC102 234 193 2 49° 99% 92%
銀または銀 #E3E4E5 227 228 229 210° 1% 90%
パープル #8D0036 141 0 54 337° 100% 55%
血まみれ #AA0000 170 0 0 100% 67%
タウニー #AF6E37 175 110 55 27° 69% 69%
オレンジ #FF6600 255 102 0 24° 100% 100%
カーネーション #FCD1C6 252 209 198 12° 21% 99%
#51D1F6 81 209 246 193° 67% 96%
アシェン #808080 128 128 128 0% 50%

ブランドカラーと規制カラー

世界中の商業分野を支配する主要ブランドの典型的な色を使用したい場合は、この表にそれぞれのブランドに対応するすべてのコードが記載されています。

お名前 サンプル 16進数コード RGB HSV
フェラーリレッド #CC0000 204 0 0 100% 80%
ポートランドオレンジ #FF5A36 255 90 54 11° 79% 100%
選択的黄色 #FFBA00 255 186 0 44° 100% 100%
こはく色 #FF7E00 255 126 0 30° 100% 100%
英国競争グリーン #004225 0 66 37 154° 100% 26%
緑色のフォード車 #1B4125 27 65 37 136° 58% 25%
ブランダイスブルー #0061A9 0 97 169 206° 100% 66%
コロンビアブルー #D1EBF7 209 235 247 199° 15% 97%
イートンブルー #96C8A2 150 200 162 134° 25% 78%
ティファニーブルー #81D8D0 129 216 208 174° 40% 85%
デュークスブルー #001A57 0 26 87 222° 100% 34%
タフツブルー #417DC1 65 125 193 212° 66% 76%
UCLAブルー #536895 83 104 149 221° 44% 58%

外国語の名前を持つ色

外国語の名前が付いている色は識別が難しい場合があるので、これらの色合いのコードをすべて記載したこの表を作成して、より簡単に識別できるようにしました。

お名前 サンプル 16進数コード RGB HSV
アリスブルー #91A3B0 145 163 176 205° 18% 69%
ベージュ #F5F5DC 245 245 220 60° 10% 96%
ブルーデッキ #3EAEB1 62 174 177 182° 65% 69%
ブーゲンビリア #CE4676 206 70 118 339° 66% 81%
バックスキン #977F73 151 127 115 20° 24% 59%
バフ(1) #C9AE5D 201 174 93 45° 54% 79%
バフ(2) #F3E5AB 243 229 171 48° 30% 95%
ブルゴーニュ(1) #50404D 103 49 71 336° 52% 40%
ブルゴーニュ(2) #673147 84 61 63 355° 27% 33%
ブルゴーニュ(3) #543D3F 80 64 77 311° 20% 31%
士官候補生グレイ(2) #91A3B0 145 163 176 205° 18% 69%
士官候補生グレイ(2) #81878B 129 135 139 204° 7% 55%
枢機卿 #C41E3A 196 30 58 350° 85% 77%
休閑地 #C19A6B 193 154 107 33° 45% 76%
深紫 #563970 86 57 112 272° 49% 44%
ガンボゲ #E49B0F 228 155 15 39° 93% 89%
黄疸 #FCF75E 252 247 94 58° 63% 99%
ジャスミン #F8DE7E 248 222 126 47° 49% 97%
ジョーヌ・ジョンキル #EEDFA0 238 233 160 48° 33% 93%
溶岩溶岩 #B82928 184 41 40 78% 72%
溶岩(3) #222222 34 34 34 –° 0% 13%
溶岩(3) #483C32 72 60 50 27° 31% 28%
溶岩(3) #3B3121 59 49 33 37° 44% 23%
肝臓 #674C47 103 76 71 31% 40%
#AC5CB5 172 92 181 294° 49% 71%
ペルシャオレンジ #D99058 217 144 88 26° 59% 85%
ピンクオレンジ #FF9966 255 153 102 20° 60% 100%
ポルプラ #B21B1C 178 27 28 85% 70%
カボチャ(1) #ED872D 237 135 45 28° 81% 93%
カボチャ(2) #D99058 217 144 88 26° 59% 85%
紫(3) #870074 135 0 116 308° 100% 53%
紫(3) #602F6B 96 47 107 289° 56% 42%
紫(3) #604E97 96 78 151 255° 48% 59%
サンセット #FAD6A5 250 214 165 35° 34% 98%
スプリンググリーン(1) #8A9A5B 138 154 91 75° 41% 60%
スプリンググリーン(2) #93C592 147 197 146 119° 26% 77%
スプリンググリーン(3) #7E9F2E 126 159 46 78° 71% 62%
スプリンググリーン(4) #8F9779 143 151 121 76° 20% 59%
アップスデルネットワーク #AE2029 174 22 32 356° 82% 68%
ワイン #722F37 114 47 55 353° 59% 45%

他にユニークな名前を持つ色

最後に、ツール内で見つけるのが難しい、非常に特殊な名前を持つ色もいくつかありますので、それらをすべてまとめた表を作成しました。

お名前 サンプル 16進数コード RGB HSV
ミルク入りのコズミックコーヒー #FFF8E7 255 248 231 42° 9% 100%
コズミックターコイズ #9DFFD0 156 255 206 150° 100% 80%
シンプソンイエロー #FFD90F 255 217 15 50° 100% 52%
マゼンタニャンキャット #FF9CFF 255 156 255 300° 39% 100%
フクシアニャンキャット #FF3399 255 51 153 330° 80% 100%
日焼け #D2B48C 210 180 140 34° 33% 82%
小麦 #F5DEB3 245 222 179 39° 26% 96%
ブルースティール #4682b4 70 130 180 207° 61% 71%
カルド #D8BFD8 216 191 216 300° 12% 85%
ゴーストホワイト #F8F8FF 248 248 255 24° 3% 100%
ラベンダー色のチーク #FFF0F5 255 240 245 340° 6% 100%
アンティークレース #FDF5E6 253 245 230 40° 6% 100%
シェル #FFF5EE 255 245 238 25° 7% 100%

FAQ:知っておくべき色に関するよくある質問

次に、読者の皆様から寄せられる最もよくあるご質問にお答えし、無限に広がる色彩の世界に関する疑問をすべて解消していきます。

原色と二次色(補色とも呼ばれる)とは何ですか?

  • 原色または基本色 これらから、赤、緑、青といったすべての色を作り出すことができる。
  • 3つの二次色は以下のとおりです。 黄色、シアン、マゼンタ。
  • 6つの三次色は以下のとおりです。 オレンジ、ライムグリーン、ターコイズ、ライトブルー、バイオレット、そして青みがかった赤は、前述の色を光の中で混ぜ合わせた結果生じる色である。

色は全部で何色あって、それぞれの名前は何ですか?

  • 11の基本色: 黒、青、茶、灰色、緑、オレンジ、ピンク、紫、赤、白、黄色。
  • 追加の28人: ターコイズ、オリーブグリーン、ミントグリーン、バーガンディ、ラベンダー、マゼンタ、サーモン、シアン、ベージュ、ピンク、ダークグリーン、オリーブグリーン、ライラック、ペールイエロー、フクシア、マスタード、オーカー、ティール、モーヴ、ダークパープル、ライムグリーン、ライトグリーン、プラム、ライトブルー、ピーチ、バイオレット、タン、ガーネット。

カラーホイールとは何ですか?また、このカラーホイールは何のために使用されるのですか?

カラーサークル、またはカラーホイールとも呼ばれる これは、色相に基づいて色を円形に順序付けた表現です。この円には、原色とそこから派生した色が示されています。通常は段階的に表現されますが、これらの色のグラデーションを使用して円にさらに多くの色相を追加することもあります。段階的な表現では、色は 12色と48色反対色または補色を順に示します。

カラーホイールツールの使用法は 原色、二次色、三次色の間に存在するコントラストと調和の統一性を示すためまた、寒色と暖色、類似色と補色など、あらゆる色の組み合わせを発見するのに役立つ芸術的なツールでもあります。