プライバシー設定

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

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

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

必須

説明を表示

機能性

説明を表示

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

説明を表示

マーケティング

説明を表示

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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 22 196 251 0.75

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色調は明らかに青と緑が支配的で、青と緑の値は赤よりも高い。明るい色：高い色彩値は明るい印象を与える。

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

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

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

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

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

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

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

レッツゴー

からの2色グラデーション RGBA 22 196 251 0.75 - コンプリメンタリー・カラー

リニア

HEX #16C4FBBF まで HEX #E93B04BF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 3%, #E93B04BF 99%);

ラジアル

HEX #16C4FBBF まで HEX #E93B04BF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 11%, #E93B04BF 91%);

HEX #E93B04BF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #E93B04BF 8%, #16C4FBBF 93%);

HEX #E93B04BF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #E93B04BF 11%, #16C4FBBF 89%);

からの2色グラデーション RGBA 22 196 251 0.75 - 明るい色合い

リニア

HEX #16C4FBBF まで HEX #18FBF4BF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 2%, #18FBF4BF 90%);

ラジアル

HEX #16C4FBBF まで HEX #18FBF4BF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 9%, #18FBF4BF 94%);

HEX #18FBF4BF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18FBF4BF 0%, #16C4FBBF 99%);

HEX #18FBF4BF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18FBF4BF 13%, #16C4FBBF 95%);

HEX #16C4FBBF まで HEX #18C6FBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 1%, #18C6FBBF 91%);

HEX #16C4FBBF まで HEX #18C6FBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 2%, #18C6FBBF 92%);

HEX #18C6FBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18C6FBBF 11%, #16C4FBBF 97%);

HEX #18C6FBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18C6FBBF 14%, #16C4FBBF 89%);

HEX #16C4FBBF まで HEX #188AFBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 6%, #188AFBBF 97%);

HEX #16C4FBBF まで HEX #188AFBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 9%, #188AFBBF 95%);

HEX #188AFBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #188AFBBF 1%, #16C4FBBF 96%);

HEX #188AFBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #188AFBBF 3%, #16C4FBBF 92%);

HEX #16C4FBBF まで HEX #184DFBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 4%, #184DFBBF 100%);

HEX #16C4FBBF まで HEX #184DFBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 6%, #184DFBBF 98%);

HEX #184DFBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #184DFBBF 11%, #16C4FBBF 91%);

HEX #184DFBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #184DFBBF 9%, #16C4FBBF 97%);

からの2色グラデーション RGBA 22 196 251 0.75 - ダークシェード

リニア

HEX #16C4FBBF まで HEX #04B0E7

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 8%, #04B0E7 91%);

ラジアル

HEX #16C4FBBF まで HEX #04B0E7

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 14%, #04B0E7 90%);

HEX #04B0E7 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #04B0E7 7%, #16C4FBBF 90%);

HEX #04B0E7 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #04B0E7 11%, #16C4FBBF 94%);

HEX #16C4FBBF まで HEX #18C5FB

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 4%, #18C5FB 98%);

HEX #16C4FBBF まで HEX #18C5FB

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 12%, #18C5FB 88%);

HEX #18C5FB まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18C5FB 13%, #16C4FBBF 96%);

HEX #18C5FB まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18C5FB 8%, #16C4FBBF 92%);

HEX #16C4FBBF まで HEX #41CFFC

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 1%, #41CFFC 87%);

HEX #16C4FBBF まで HEX #41CFFC

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 11%, #41CFFC 97%);

HEX #41CFFC まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #41CFFC 13%, #16C4FBBF 100%);

HEX #41CFFC まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #41CFFC 7%, #16C4FBBF 93%);

HEX #16C4FBBF まで HEX #69D9FD

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 2%, #69D9FD 99%);

HEX #16C4FBBF まで HEX #69D9FD

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #69D9FD 88%);

HEX #69D9FD まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #69D9FD 11%, #16C4FBBF 95%);

HEX #69D9FD まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #69D9FD 0%, #16C4FBBF 95%);

からの2色グラデーション RGBA 22 196 251 0.75 - アナログカラー

リニア

HEX #16C4FBBF まで HEX #18FBF4BF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 10%, #18FBF4BF 89%);

ラジアル

HEX #16C4FBBF まで HEX #18FBF4BF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 12%, #18FBF4BF 98%);

HEX #18FBF4BF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18FBF4BF 11%, #16C4FBBF 99%);

HEX #18FBF4BF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18FBF4BF 11%, #16C4FBBF 92%);

HEX #16C4FBBF まで HEX #18C6FBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 7%, #18C6FBBF 98%);

HEX #16C4FBBF まで HEX #18C6FBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 6%, #18C6FBBF 94%);

HEX #18C6FBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18C6FBBF 13%, #16C4FBBF 98%);

HEX #18C6FBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18C6FBBF 8%, #16C4FBBF 98%);

HEX #16C4FBBF まで HEX #188AFBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 4%, #188AFBBF 87%);

HEX #16C4FBBF まで HEX #188AFBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #188AFBBF 91%);

HEX #188AFBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #188AFBBF 6%, #16C4FBBF 93%);

HEX #188AFBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #188AFBBF 10%, #16C4FBBF 89%);

HEX #16C4FBBF まで HEX #184DFBBF

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 5%, #184DFBBF 99%);

HEX #16C4FBBF まで HEX #184DFBBF

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 12%, #184DFBBF 95%);

HEX #184DFBBF まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #184DFBBF 13%, #16C4FBBF 87%);

HEX #184DFBBF まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #184DFBBF 0%, #16C4FBBF 95%);

からの2色グラデーション RGBA 22 196 251 0.75 - モノクロームカラー

リニア

HEX #16C4FBBF まで HEX #04B0E7

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 1%, #04B0E7 100%);

ラジアル

HEX #16C4FBBF まで HEX #04B0E7

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 14%, #04B0E7 97%);

HEX #04B0E7 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #04B0E7 0%, #16C4FBBF 96%);

HEX #04B0E7 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #04B0E7 13%, #16C4FBBF 87%);

HEX #16C4FBBF まで HEX #18C5FB

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 10%, #18C5FB 96%);

HEX #16C4FBBF まで HEX #18C5FB

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 11%, #18C5FB 99%);

HEX #18C5FB まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #18C5FB 7%, #16C4FBBF 89%);

HEX #18C5FB まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #18C5FB 4%, #16C4FBBF 90%);

HEX #16C4FBBF まで HEX #41CFFC

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 8%, #41CFFC 92%);

HEX #16C4FBBF まで HEX #41CFFC

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 12%, #41CFFC 90%);

HEX #41CFFC まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #41CFFC 3%, #16C4FBBF 92%);

HEX #41CFFC まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #41CFFC 12%, #16C4FBBF 88%);

HEX #16C4FBBF まで HEX #69D9FD

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 0%, #69D9FD 93%);

HEX #16C4FBBF まで HEX #69D9FD

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 2%, #69D9FD 100%);

HEX #69D9FD まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #69D9FD 13%, #16C4FBBF 88%);

HEX #69D9FD まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #69D9FD 3%, #16C4FBBF 90%);

からの2色グラデーション RGBA 22 196 251 0.75 - 部分補色

リニア

HEX #16C4FBBF まで HEX #7B18FB

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 11%, #7B18FB 95%);

ラジアル

HEX #16C4FBBF まで HEX #7B18FB

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #7B18FB 94%);

HEX #7B18FB まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #7B18FB 12%, #16C4FBBF 99%);

HEX #7B18FB まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #7B18FB 12%, #16C4FBBF 93%);

HEX #16C4FBBF まで HEX #FBD618

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 6%, #FBD618 87%);

HEX #16C4FBBF まで HEX #FBD618

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #FBD618 86%);

HEX #FBD618 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #FBD618 14%, #16C4FBBF 89%);

HEX #FBD618 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #FBD618 8%, #16C4FBBF 97%);

からの2色グラデーション RGBA 22 196 251 0.75 - トライアディックカラー

リニア

HEX #16C4FBBF まで HEX #FB18C6

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 14%, #FB18C6 98%);

ラジアル

HEX #16C4FBBF まで HEX #FB18C6

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 6%, #FB18C6 87%);

HEX #FB18C6 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #FB18C6 14%, #16C4FBBF 92%);

HEX #FB18C6 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #FB18C6 14%, #16C4FBBF 87%);

HEX #16C4FBBF まで HEX #C6FB18

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 8%, #C6FB18 97%);

HEX #16C4FBBF まで HEX #C6FB18

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 8%, #C6FB18 91%);

HEX #C6FB18 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #C6FB18 11%, #16C4FBBF 90%);

HEX #C6FB18 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #C6FB18 7%, #16C4FBBF 97%);

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

リニア

HEX #16C4FBBF まで HEX #7B18FB

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 14%, #7B18FB 96%);

ラジアル

HEX #16C4FBBF まで HEX #7B18FB

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #7B18FB 93%);

HEX #7B18FB まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #7B18FB 2%, #16C4FBBF 87%);

HEX #7B18FB まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #7B18FB 4%, #16C4FBBF 98%);

HEX #16C4FBBF まで HEX #FB4D18

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 11%, #FB4D18 93%);

HEX #16C4FBBF まで HEX #FB4D18

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 7%, #FB4D18 93%);

HEX #FB4D18 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #FB4D18 1%, #16C4FBBF 100%);

HEX #FB4D18 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #FB4D18 3%, #16C4FBBF 92%);

HEX #16C4FBBF まで HEX #99FB18

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 4%, #99FB18 87%);

HEX #16C4FBBF まで HEX #99FB18

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 10%, #99FB18 87%);

HEX #99FB18 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #99FB18 14%, #16C4FBBF 92%);

HEX #99FB18 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #99FB18 1%, #16C4FBBF 93%);

からの2色グラデーション RGBA 22 196 251 0.75 - スクエアカラー

リニア

HEX #16C4FBBF まで HEX #BF18FB

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 11%, #BF18FB 98%);

ラジアル

HEX #16C4FBBF まで HEX #BF18FB

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 12%, #BF18FB 99%);

HEX #BF18FB まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #BF18FB 3%, #16C4FBBF 95%);

HEX #BF18FB まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #BF18FB 9%, #16C4FBBF 94%);

HEX #16C4FBBF まで HEX #FB4D18

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 13%, #FB4D18 93%);

HEX #16C4FBBF まで HEX #FB4D18

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 6%, #FB4D18 88%);

HEX #FB4D18 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #FB4D18 14%, #16C4FBBF 97%);

HEX #FB4D18 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #FB4D18 6%, #16C4FBBF 97%);

HEX #16C4FBBF まで HEX #55FB18

CSSコード:

background-image: linear-gradient(135deg, #16C4FBBF 14%, #55FB18 98%);

HEX #16C4FBBF まで HEX #55FB18

CSSコード:

background-image: radial-gradient(circle, #16C4FBBF 4%, #55FB18 93%);

HEX #55FB18 まで HEX #16C4FBBF

CSSコード:

background-image: linear-gradient(135deg, #55FB18 0%, #16C4FBBF 96%);

HEX #55FB18 まで HEX #16C4FBBF

CSSコード:

background-image: radial-gradient(circle, #55FB18 12%, #16C4FBBF 97%);

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

サービス内容

カラー

ラグビーに呪咀

から変換する 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.