プライバシー設定

この設定ページでは、あなたの個人データの処理方法を指定できます。提供されたリンクを使用して、いつでも決定を変更できます。以下に説明されている処理に同意するには、スイッチを適切に切り替えてください。または、「すべて拒否」ボタンを使用してすべてのオプションを無効にし、選択を保存することもできます。

追跡技術の使用に関する選択

このセクションでは、以下の目的で特定の追跡技術の使用に同意するかどうかを個別に決定できます。これらの技術の使用方法や仕組みの詳細は、クッキーポリシーをご覧ください。ご注意：特定の目的を拒否した場合、当ウェブサイトの一部の機能が利用できない、または制限される場合があります。

必須

説明を表示

機能性

説明を表示

統計とパフォーマンス測定

説明を表示

マーケティング

説明を表示

提供期間 APIが拡張されました。

ブラックフライデー・ウィーク: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-11-24 から 2025-11-30 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
RGBA 184 72 159 0.75

インフォメーション

一網打尽

2色グラデーション - コンプリメンタリー・カラー

線形および放射状の色遷移の例をご覧ください。

ウェブデザインのためのシンプルさ：あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。

2色グラデーション - 明るい色合い

線形および放射状の色遷移の例を明るい色合いから見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

2色グラデーション - ダークシェード

線形および放射状の色遷移の例をダークシェードから見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

明るい色：高い色彩値は明るい印象を与える。

RGB表色系における色の内訳：この色相では、最大255の色成分のうち、それぞれ 184 赤色 72 グリーンと 159 ブルー。

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。

CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ皆無シアン 46 マゼンタ 10 黄色と 21 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、シアン（左上）、マゼンタ（右上）、イエローまたは黄（右下）、ブラックまたはキー（左下）の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。

メーカーとしてのカラーパレットの検証！

デザイナーやエージェンシーに正確なカラーバリューを提供することができます。

レッツゴー

からの2色グラデーション RGBA 184 72 159 0.75 - コンプリメンタリー・カラー

リニア

HEX #B8489FBF まで HEX #47B760BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 7%, #47B760BF 86%);

ラジアル

HEX #B8489FBF まで HEX #47B760BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 9%, #47B760BF 87%);

HEX #47B760BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #47B760BF 9%, #B8489FBF 92%);

HEX #47B760BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #47B760BF 3%, #B8489FBF 98%);

からの2色グラデーション RGBA 184 72 159 0.75 - 明るい色合い

リニア

HEX #B8489FBF まで HEX #B247B8BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 2%, #B247B8BF 98%);

ラジアル

HEX #B8489FBF まで HEX #B247B8BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 1%, #B247B8BF 92%);

HEX #B247B8BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B247B8BF 13%, #B8489FBF 90%);

HEX #B247B8BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B247B8BF 10%, #B8489FBF 90%);

HEX #B8489FBF まで HEX #B8479FBF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 12%, #B8479FBF 86%);

HEX #B8489FBF まで HEX #B8479FBF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 6%, #B8479FBF 98%);

HEX #B8479FBF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B8479FBF 8%, #B8489FBF 97%);

HEX #B8479FBF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B8479FBF 1%, #B8489FBF 86%);

HEX #B8489FBF まで HEX #B84781BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 6%, #B84781BF 92%);

HEX #B8489FBF まで HEX #B84781BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 2%, #B84781BF 93%);

HEX #B84781BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B84781BF 9%, #B8489FBF 86%);

HEX #B84781BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B84781BF 11%, #B8489FBF 86%);

HEX #B8489FBF まで HEX #B84763BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 3%, #B84763BF 93%);

HEX #B8489FBF まで HEX #B84763BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 11%, #B84763BF 90%);

HEX #B84763BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B84763BF 4%, #B8489FBF 88%);

HEX #B84763BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B84763BF 0%, #B8489FBF 87%);

からの2色グラデーション RGBA 184 72 159 0.75 - ダークシェード

リニア

HEX #B8489FBF まで HEX #9A3C85

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 5%, #9A3C85 93%);

ラジアル

HEX #B8489FBF まで HEX #9A3C85

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 4%, #9A3C85 91%);

HEX #9A3C85 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #9A3C85 5%, #B8489FBF 97%);

HEX #9A3C85 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #9A3C85 7%, #B8489FBF 94%);

HEX #B8489FBF まで HEX #B8479F

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 9%, #B8479F 87%);

HEX #B8489FBF まで HEX #B8479F

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 1%, #B8479F 94%);

HEX #B8479F まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B8479F 4%, #B8489FBF 99%);

HEX #B8479F まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B8479F 8%, #B8489FBF 92%);

HEX #B8489FBF まで HEX #C365AE

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 7%, #C365AE 89%);

HEX #B8489FBF まで HEX #C365AE

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 7%, #C365AE 98%);

HEX #C365AE まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #C365AE 1%, #B8489FBF 92%);

HEX #C365AE まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #C365AE 14%, #B8489FBF 88%);

HEX #B8489FBF まで HEX #CF83BE

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 14%, #CF83BE 87%);

HEX #B8489FBF まで HEX #CF83BE

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 8%, #CF83BE 100%);

HEX #CF83BE まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #CF83BE 13%, #B8489FBF 93%);

HEX #CF83BE まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #CF83BE 1%, #B8489FBF 87%);

からの2色グラデーション RGBA 184 72 159 0.75 - アナログカラー

リニア

HEX #B8489FBF まで HEX #B247B8BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 2%, #B247B8BF 90%);

ラジアル

HEX #B8489FBF まで HEX #B247B8BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 0%, #B247B8BF 99%);

HEX #B247B8BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B247B8BF 13%, #B8489FBF 86%);

HEX #B247B8BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B247B8BF 10%, #B8489FBF 89%);

HEX #B8489FBF まで HEX #B8479FBF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 11%, #B8479FBF 89%);

HEX #B8489FBF まで HEX #B8479FBF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 3%, #B8479FBF 99%);

HEX #B8479FBF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B8479FBF 10%, #B8489FBF 86%);

HEX #B8479FBF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B8479FBF 3%, #B8489FBF 91%);

HEX #B8489FBF まで HEX #B84781BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 10%, #B84781BF 96%);

HEX #B8489FBF まで HEX #B84781BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 3%, #B84781BF 97%);

HEX #B84781BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B84781BF 9%, #B8489FBF 86%);

HEX #B84781BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B84781BF 14%, #B8489FBF 92%);

HEX #B8489FBF まで HEX #B84763BF

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 7%, #B84763BF 100%);

HEX #B8489FBF まで HEX #B84763BF

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 9%, #B84763BF 96%);

HEX #B84763BF まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B84763BF 12%, #B8489FBF 95%);

HEX #B84763BF まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B84763BF 0%, #B8489FBF 100%);

からの2色グラデーション RGBA 184 72 159 0.75 - モノクロームカラー

リニア

HEX #B8489FBF まで HEX #9A3C85

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 14%, #9A3C85 98%);

ラジアル

HEX #B8489FBF まで HEX #9A3C85

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 8%, #9A3C85 89%);

HEX #9A3C85 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #9A3C85 6%, #B8489FBF 86%);

HEX #9A3C85 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #9A3C85 3%, #B8489FBF 93%);

HEX #B8489FBF まで HEX #B8479F

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 12%, #B8479F 95%);

HEX #B8489FBF まで HEX #B8479F

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 10%, #B8479F 96%);

HEX #B8479F まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B8479F 2%, #B8489FBF 93%);

HEX #B8479F まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B8479F 3%, #B8489FBF 91%);

HEX #B8489FBF まで HEX #C365AE

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 5%, #C365AE 99%);

HEX #B8489FBF まで HEX #C365AE

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 10%, #C365AE 97%);

HEX #C365AE まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #C365AE 7%, #B8489FBF 92%);

HEX #C365AE まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #C365AE 7%, #B8489FBF 99%);

HEX #B8489FBF まで HEX #CF83BE

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 2%, #CF83BE 100%);

HEX #B8489FBF まで HEX #CF83BE

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 3%, #CF83BE 90%);

HEX #CF83BE まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #CF83BE 12%, #B8489FBF 95%);

HEX #CF83BE まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #CF83BE 2%, #B8489FBF 99%);

からの2色グラデーション RGBA 184 72 159 0.75 - 部分補色

リニア

HEX #B8489FBF まで HEX #B87647

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 2%, #B87647 92%);

ラジアル

HEX #B8489FBF まで HEX #B87647

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 5%, #B87647 90%);

HEX #B87647 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B87647 14%, #B8489FBF 95%);

HEX #B87647 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B87647 6%, #B8489FBF 88%);

HEX #B8489FBF まで HEX #47B8A3

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 0%, #47B8A3 96%);

HEX #B8489FBF まで HEX #47B8A3

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 8%, #47B8A3 100%);

HEX #47B8A3 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #47B8A3 13%, #B8489FBF 88%);

HEX #47B8A3 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #47B8A3 5%, #B8489FBF 89%);

からの2色グラデーション RGBA 184 72 159 0.75 - トライアディックカラー

リニア

HEX #B8489FBF まで HEX #9FB847

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 4%, #9FB847 98%);

ラジアル

HEX #B8489FBF まで HEX #9FB847

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 8%, #9FB847 96%);

HEX #9FB847 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #9FB847 8%, #B8489FBF 99%);

HEX #9FB847 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #9FB847 4%, #B8489FBF 100%);

HEX #B8489FBF まで HEX #479FB8

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 14%, #479FB8 86%);

HEX #B8489FBF まで HEX #479FB8

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 11%, #479FB8 99%);

HEX #479FB8 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #479FB8 2%, #B8489FBF 92%);

HEX #479FB8 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #479FB8 11%, #B8489FBF 89%);

からの2色グラデーション RGBA 184 72 159 0.75 - 長方形（四分子）カラー

リニア

HEX #B8489FBF まで HEX #B87647

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 0%, #B87647 89%);

ラジアル

HEX #B8489FBF まで HEX #B87647

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 8%, #B87647 90%);

HEX #B87647 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B87647 2%, #B8489FBF 90%);

HEX #B87647 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B87647 1%, #B8489FBF 93%);

HEX #B8489FBF まで HEX #47B860

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 10%, #47B860 95%);

HEX #B8489FBF まで HEX #47B860

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 1%, #47B860 90%);

HEX #47B860 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #47B860 4%, #B8489FBF 94%);

HEX #47B860 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #47B860 6%, #B8489FBF 94%);

HEX #B8489FBF まで HEX #4789B8

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 8%, #4789B8 98%);

HEX #B8489FBF まで HEX #4789B8

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 5%, #4789B8 91%);

HEX #4789B8 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #4789B8 11%, #B8489FBF 87%);

HEX #4789B8 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #4789B8 4%, #B8489FBF 88%);

からの2色グラデーション RGBA 184 72 159 0.75 - スクエアカラー

リニア

HEX #B8489FBF まで HEX #B89847

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 14%, #B89847 89%);

ラジアル

HEX #B8489FBF まで HEX #B89847

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 12%, #B89847 95%);

HEX #B89847 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #B89847 7%, #B8489FBF 98%);

HEX #B89847 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #B89847 10%, #B8489FBF 86%);

HEX #B8489FBF まで HEX #47B860

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 0%, #47B860 89%);

HEX #B8489FBF まで HEX #47B860

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 14%, #47B860 90%);

HEX #47B860 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #47B860 9%, #B8489FBF 100%);

HEX #47B860 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #47B860 6%, #B8489FBF 89%);

HEX #B8489FBF まで HEX #4767B8

CSSコード:

background-image: linear-gradient(135deg, #B8489FBF 8%, #4767B8 100%);

HEX #B8489FBF まで HEX #4767B8

CSSコード:

background-image: radial-gradient(circle, #B8489FBF 11%, #4767B8 97%);

HEX #4767B8 まで HEX #B8489FBF

CSSコード:

background-image: linear-gradient(135deg, #4767B8 0%, #B8489FBF 99%);

HEX #4767B8 まで HEX #B8489FBF

CSSコード:

background-image: radial-gradient(circle, #4767B8 11%, #B8489FBF 99%);

カラーパレットをもっと見る

サービス内容

カラー

ラグビーに呪咀

から変換する RGB レッド・グリーン・ブルーまで #RRGGBB

ラグビーにカミーユ

から変換する RGB レッド・グリーン・ブルーまで CMYK シアン／マゼンタ／イエロー／キー

ラグビーにラル®

から変換する RGB レッド・グリーン・ブルーまで RAL® 番号 (RAL 0000)

ラグビーに豚足®

から変換する RGB レッド・グリーン・ブルーまで HKS® 番号(HKS 00)

ラグビーにパントン®

から変換する RGB レッド・グリーン・ブルーまで Pantone® 番号 (Pantone 0000)

ラグビーにシャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグビーにエヌシーエス®

から変換する RGB レッド・グリーン・ブルーまで NCS番号(S0000-X00X)

ラグバに呪咀

から変換する RGBA 赤緑青透過率まで #RRGGBB

ラグバにカミーユ

から変換する RGBA 赤緑青透過率まで CMYK シアン／マゼンタ／イエロー／キー

ラグバにラル®

から変換する RGBA 赤緑青透過率まで RAL® 番号 (RAL 0000)

ラグバに豚足®

から変換する RGBA 赤緑青透過率まで HKS® 番号(HKS 00)

ラグバにパントン®

から変換する RGBA 赤緑青透過率まで Pantone® 番号 (Pantone 0000)

ラグバにシャーウィン・ウィリアムズ®

から変換する RGBA 赤緑青透過率までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバにエヌシーエス®

から変換する RGBA 赤緑青透過率まで NCS番号(S0000-X00X)

カミーユに呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キーまで #RRGGBB

カミーユにラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RGB レッド・グリーン・ブルー

カミーユにラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RGBA 赤緑青透過率

カミーユにラル®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RAL® 番号 (RAL 0000)

カミーユに豚足®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで HKS® 番号(HKS 00)

カミーユにパントン®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで Pantone® 番号 (Pantone 0000)

カミーユにシャーウィン・ウィリアムズ®

から変換する CMYK シアン／マゼンタ／イエロー／キーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユにエヌシーエス®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで NCS番号(S0000-X00X)

呪咀にラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀にラグバ

から変換する #RRGGBB まで RGBA 赤緑青透過率

呪咀にカミーユ

から変換する #RRGGBB まで CMYK シアン／マゼンタ／イエロー／キー

呪咀にラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀に豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀にパントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀にシャーウィン・ウィリアムズ®

から変換する #RRGGBB までシャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀にエヌシーエス®

から変換する #RRGGBB まで NCS番号(S0000-X00X)

ラル® にラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® にラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤緑青透過率

ラル® にカミーユ

から変換する RAL® 番号 (RAL 0000) まで CMYK シアン／マゼンタ／イエロー／キー

ラル® に呪咀

から変換する RAL® 番号 (RAL 0000) まで #RRGGBB

ラル® に豚足®

から変換する RAL® 番号 (RAL 0000) まで HKS® 番号(HKS 00)

ラル® にパントン®

から変換する RAL® 番号 (RAL 0000) まで Pantone® 番号 (Pantone 0000)

ラル® にシャーウィン・ウィリアムズ®

から変換する RAL® 番号 (RAL 0000) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラル® にエヌシーエス®

から変換する RAL® 番号 (RAL 0000) まで NCS番号(S0000-X00X)

豚足® にラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® にラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤緑青透過率

豚足® にカミーユ

から変換する HKS® 番号(HKS 00) まで CMYK シアン／マゼンタ／イエロー／キー

豚足® に呪咀

から変換する HKS® 番号(HKS 00) まで #RRGGBB

豚足® にラル®

から変換する HKS® 番号(HKS 00) まで RAL® 番号 (RAL 0000)

豚足® にパントン®

から変換する HKS® 番号(HKS 00) まで Pantone® 番号 (Pantone 0000)

豚足® にシャーウィン・ウィリアムズ®

から変換する HKS® 番号(HKS 00) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

豚足® にエヌシーエス®

から変換する HKS® 番号(HKS 00) まで NCS番号(S0000-X00X)

パントン® にラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® にラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤緑青透過率

パントン® にカミーユ

から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン／マゼンタ／イエロー／キー

パントン® に呪咀

から変換する Pantone® 番号 (Pantone 0000) まで #RRGGBB

パントン® にラル®

から変換する Pantone® 番号 (Pantone 0000) まで RAL® 番号 (RAL 0000)

パントン® に豚足®

から変換する Pantone® 番号 (Pantone 0000) まで HKS® 番号(HKS 00)

パントン® にシャーウィン・ウィリアムズ®

から変換する Pantone® 番号 (Pantone 0000) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

パントン® にエヌシーエス®

から変換する Pantone® 番号 (Pantone 0000) まで NCS番号(S0000-X00X)

シャーウィン・ウィリアムズ® にラグビー

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® にラグバ

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤緑青透過率

シャーウィン・ウィリアムズ® にカミーユ

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン／マゼンタ／イエロー／キー

シャーウィン・ウィリアムズ® に呪咀

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® にラル®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に豚足®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® にパントン®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® にエヌシーエス®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

エヌシーエス® にラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® にラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤緑青透過率

エヌシーエス® にカミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー

エヌシーエス® に呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® にラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® にパントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Public

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

By clicking on you can create palettes and download the color swatches.