プライバシー設定

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

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

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

必須

説明を表示

機能性

説明を表示

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

説明を表示

マーケティング

説明を表示

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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 186 250 235 0.75

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

からの2色グラデーション RGBA 186 250 235 0.75 - コンプリメンタリー・カラー

リニア

HEX #BAFAEBBF まで HEX #450514BF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 0%, #450514BF 91%);

ラジアル

HEX #BAFAEBBF まで HEX #450514BF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 10%, #450514BF 96%);

HEX #450514BF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #450514BF 1%, #BAFAEBBF 93%);

HEX #450514BF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #450514BF 14%, #BAFAEBBF 97%);

からの2色グラデーション RGBA 186 250 235 0.75 - 明るい色合い

リニア

HEX #BAFAEBBF まで HEX #B8FAD8BF

CSSコード:

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

ラジアル

HEX #BAFAEBBF まで HEX #B8FAD8BF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 10%, #B8FAD8BF 96%);

HEX #B8FAD8BF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8FAD8BF 5%, #BAFAEBBF 89%);

HEX #B8FAD8BF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAD8BF 14%, #BAFAEBBF 96%);

HEX #BAFAEBBF まで HEX #B8FAE9BF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 13%, #B8FAE9BF 99%);

HEX #BAFAEBBF まで HEX #B8FAE9BF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 3%, #B8FAE9BF 89%);

HEX #B8FAE9BF まで HEX #BAFAEBBF

CSSコード:

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

HEX #B8FAE9BF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAE9BF 1%, #BAFAEBBF 92%);

HEX #BAFAEBBF まで HEX #B8F9FABF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 9%, #B8F9FABF 89%);

HEX #BAFAEBBF まで HEX #B8F9FABF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 9%, #B8F9FABF 97%);

HEX #B8F9FABF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8F9FABF 5%, #BAFAEBBF 91%);

HEX #B8F9FABF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8F9FABF 7%, #BAFAEBBF 92%);

HEX #BAFAEBBF まで HEX #B8E7FABF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 11%, #B8E7FABF 88%);

HEX #BAFAEBBF まで HEX #B8E7FABF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 1%, #B8E7FABF 91%);

HEX #B8E7FABF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8E7FABF 11%, #BAFAEBBF 92%);

HEX #B8E7FABF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8E7FABF 3%, #BAFAEBBF 100%);

からの2色グラデーション RGBA 186 250 235 0.75 - ダークシェード

リニア

HEX #BAFAEBBF まで HEX #91F7DF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 7%, #91F7DF 87%);

ラジアル

HEX #BAFAEBBF まで HEX #91F7DF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 14%, #91F7DF 94%);

HEX #91F7DF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #91F7DF 13%, #BAFAEBBF 95%);

HEX #91F7DF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #91F7DF 12%, #BAFAEBBF 95%);

HEX #BAFAEBBF まで HEX #B8FAEA

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 0%, #B8FAEA 92%);

HEX #BAFAEBBF まで HEX #B8FAEA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 5%, #B8FAEA 99%);

HEX #B8FAEA まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8FAEA 2%, #BAFAEBBF 95%);

HEX #B8FAEA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAEA 10%, #BAFAEBBF 93%);

HEX #BAFAEBBF まで HEX #DEFDF5

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 3%, #DEFDF5 91%);

HEX #BAFAEBBF まで HEX #DEFDF5

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 6%, #DEFDF5 89%);

HEX #DEFDF5 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #DEFDF5 14%, #BAFAEBBF 88%);

HEX #DEFDF5 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #DEFDF5 8%, #BAFAEBBF 86%);

HEX #BAFAEBBF まで HEX #FFFFFF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 10%, #FFFFFF 94%);

HEX #BAFAEBBF まで HEX #FFFFFF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 7%, #FFFFFF 94%);

HEX #FFFFFF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FFFFFF 6%, #BAFAEBBF 99%);

HEX #FFFFFF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FFFFFF 2%, #BAFAEBBF 94%);

からの2色グラデーション RGBA 186 250 235 0.75 - アナログカラー

リニア

HEX #BAFAEBBF まで HEX #B8FAD8BF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 6%, #B8FAD8BF 98%);

ラジアル

HEX #BAFAEBBF まで HEX #B8FAD8BF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 14%, #B8FAD8BF 100%);

HEX #B8FAD8BF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8FAD8BF 13%, #BAFAEBBF 99%);

HEX #B8FAD8BF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAD8BF 7%, #BAFAEBBF 97%);

HEX #BAFAEBBF まで HEX #B8FAE9BF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 10%, #B8FAE9BF 91%);

HEX #BAFAEBBF まで HEX #B8FAE9BF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 10%, #B8FAE9BF 98%);

HEX #B8FAE9BF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8FAE9BF 1%, #BAFAEBBF 88%);

HEX #B8FAE9BF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAE9BF 5%, #BAFAEBBF 93%);

HEX #BAFAEBBF まで HEX #B8F9FABF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 9%, #B8F9FABF 93%);

HEX #BAFAEBBF まで HEX #B8F9FABF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 3%, #B8F9FABF 92%);

HEX #B8F9FABF まで HEX #BAFAEBBF

CSSコード:

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

HEX #B8F9FABF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8F9FABF 8%, #BAFAEBBF 97%);

HEX #BAFAEBBF まで HEX #B8E7FABF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 6%, #B8E7FABF 89%);

HEX #BAFAEBBF まで HEX #B8E7FABF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 7%, #B8E7FABF 86%);

HEX #B8E7FABF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8E7FABF 12%, #BAFAEBBF 87%);

HEX #B8E7FABF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8E7FABF 0%, #BAFAEBBF 98%);

からの2色グラデーション RGBA 186 250 235 0.75 - モノクロームカラー

リニア

HEX #BAFAEBBF まで HEX #91F7DF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 6%, #91F7DF 94%);

ラジアル

HEX #BAFAEBBF まで HEX #91F7DF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 2%, #91F7DF 95%);

HEX #91F7DF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #91F7DF 7%, #BAFAEBBF 88%);

HEX #91F7DF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #91F7DF 14%, #BAFAEBBF 98%);

HEX #BAFAEBBF まで HEX #B8FAEA

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 12%, #B8FAEA 98%);

HEX #BAFAEBBF まで HEX #B8FAEA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 1%, #B8FAEA 100%);

HEX #B8FAEA まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8FAEA 4%, #BAFAEBBF 94%);

HEX #B8FAEA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8FAEA 0%, #BAFAEBBF 91%);

HEX #BAFAEBBF まで HEX #DEFDF5

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 8%, #DEFDF5 100%);

HEX #BAFAEBBF まで HEX #DEFDF5

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 8%, #DEFDF5 95%);

HEX #DEFDF5 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #DEFDF5 10%, #BAFAEBBF 87%);

HEX #DEFDF5 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #DEFDF5 4%, #BAFAEBBF 94%);

HEX #BAFAEBBF まで HEX #FFFFFF

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 10%, #FFFFFF 88%);

HEX #BAFAEBBF まで HEX #FFFFFF

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 10%, #FFFFFF 97%);

HEX #FFFFFF まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FFFFFF 0%, #BAFAEBBF 99%);

HEX #FFFFFF まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FFFFFF 0%, #BAFAEBBF 89%);

からの2色グラデーション RGBA 186 250 235 0.75 - 部分補色

リニア

HEX #BAFAEBBF まで HEX #B8BBFA

CSSコード:

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

ラジアル

HEX #BAFAEBBF まで HEX #B8BBFA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 7%, #B8BBFA 92%);

HEX #B8BBFA まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8BBFA 11%, #BAFAEBBF 92%);

HEX #B8BBFA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8BBFA 13%, #BAFAEBBF 94%);

HEX #BAFAEBBF まで HEX #FACFB8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 6%, #FACFB8 86%);

HEX #BAFAEBBF まで HEX #FACFB8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 5%, #FACFB8 95%);

HEX #FACFB8 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FACFB8 14%, #BAFAEBBF 88%);

HEX #FACFB8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FACFB8 8%, #BAFAEBBF 91%);

からの2色グラデーション RGBA 186 250 235 0.75 - トライアディックカラー

リニア

HEX #BAFAEBBF まで HEX #E9B8FA

CSSコード:

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

ラジアル

HEX #BAFAEBBF まで HEX #E9B8FA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 10%, #E9B8FA 88%);

HEX #E9B8FA まで HEX #BAFAEBBF

CSSコード:

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

HEX #E9B8FA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #E9B8FA 9%, #BAFAEBBF 89%);

HEX #BAFAEBBF まで HEX #FAE9B8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 9%, #FAE9B8 94%);

HEX #BAFAEBBF まで HEX #FAE9B8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 12%, #FAE9B8 90%);

HEX #FAE9B8 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FAE9B8 12%, #BAFAEBBF 100%);

HEX #FAE9B8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FAE9B8 3%, #BAFAEBBF 86%);

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

リニア

HEX #BAFAEBBF まで HEX #B8BBFA

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 7%, #B8BBFA 97%);

ラジアル

HEX #BAFAEBBF まで HEX #B8BBFA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 2%, #B8BBFA 99%);

HEX #B8BBFA まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #B8BBFA 2%, #BAFAEBBF 86%);

HEX #B8BBFA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #B8BBFA 14%, #BAFAEBBF 86%);

HEX #BAFAEBBF まで HEX #FAB8C8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 5%, #FAB8C8 100%);

HEX #BAFAEBBF まで HEX #FAB8C8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 5%, #FAB8C8 89%);

HEX #FAB8C8 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FAB8C8 10%, #BAFAEBBF 97%);

HEX #FAB8C8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FAB8C8 2%, #BAFAEBBF 95%);

HEX #BAFAEBBF まで HEX #FAF6B8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 6%, #FAF6B8 100%);

HEX #BAFAEBBF まで HEX #FAF6B8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 5%, #FAF6B8 97%);

HEX #FAF6B8 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FAF6B8 4%, #BAFAEBBF 90%);

HEX #FAF6B8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FAF6B8 1%, #BAFAEBBF 87%);

からの2色グラデーション RGBA 186 250 235 0.75 - スクエアカラー

リニア

HEX #BAFAEBBF まで HEX #C8B8FA

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 12%, #C8B8FA 87%);

ラジアル

HEX #BAFAEBBF まで HEX #C8B8FA

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 14%, #C8B8FA 87%);

HEX #C8B8FA まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #C8B8FA 5%, #BAFAEBBF 98%);

HEX #C8B8FA まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #C8B8FA 2%, #BAFAEBBF 95%);

HEX #BAFAEBBF まで HEX #FAB8C8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 11%, #FAB8C8 87%);

HEX #BAFAEBBF まで HEX #FAB8C8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 8%, #FAB8C8 86%);

HEX #FAB8C8 まで HEX #BAFAEBBF

CSSコード:

background-image: linear-gradient(135deg, #FAB8C8 7%, #BAFAEBBF 90%);

HEX #FAB8C8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #FAB8C8 10%, #BAFAEBBF 87%);

HEX #BAFAEBBF まで HEX #E9FAB8

CSSコード:

background-image: linear-gradient(135deg, #BAFAEBBF 13%, #E9FAB8 88%);

HEX #BAFAEBBF まで HEX #E9FAB8

CSSコード:

background-image: radial-gradient(circle, #BAFAEBBF 3%, #E9FAB8 86%);

HEX #E9FAB8 まで HEX #BAFAEBBF

CSSコード:

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

HEX #E9FAB8 まで HEX #BAFAEBBF

CSSコード:

background-image: radial-gradient(circle, #E9FAB8 8%, #BAFAEBBF 90%);

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

サービス内容

カラー

ラグビーに呪咀

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