プライバシー設定

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

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

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

必須

説明を表示

機能性

説明を表示

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

説明を表示

マーケティング

説明を表示

Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS グラデーション:
RGBA 89 250 251 0.75

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

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

リニア

HEX #59FAFBBF まで HEX #A60504BF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 12%, #A60504BF 88%);

ラジアル

HEX #59FAFBBF まで HEX #A60504BF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 12%, #A60504BF 90%);

HEX #A60504BF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #A60504BF 5%, #59FAFBBF 88%);

HEX #A60504BF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #A60504BF 3%, #59FAFBBF 93%);

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

リニア

HEX #59FAFBBF まで HEX #5BFBD0BF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 4%, #5BFBD0BF 86%);

ラジアル

HEX #59FAFBBF まで HEX #5BFBD0BF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 14%, #5BFBD0BF 95%);

HEX #5BFBD0BF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFBD0BF 7%, #59FAFBBF 87%);

HEX #5BFBD0BF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFBD0BF 11%, #59FAFBBF 88%);

HEX #59FAFBBF まで HEX #5BFBFBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 2%, #5BFBFBBF 89%);

HEX #59FAFBBF まで HEX #5BFBFBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 2%, #5BFBFBBF 92%);

HEX #5BFBFBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFBFBBF 2%, #59FAFBBF 98%);

HEX #5BFBFBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFBFBBF 9%, #59FAFBBF 97%);

HEX #59FAFBBF まで HEX #5BD0FBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 3%, #5BD0FBBF 99%);

HEX #59FAFBBF まで HEX #5BD0FBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 11%, #5BD0FBBF 87%);

HEX #5BD0FBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BD0FBBF 7%, #59FAFBBF 91%);

HEX #5BD0FBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BD0FBBF 4%, #59FAFBBF 100%);

HEX #59FAFBBF まで HEX #5BA6FBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 9%, #5BA6FBBF 98%);

HEX #59FAFBBF まで HEX #5BA6FBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 14%, #5BA6FBBF 96%);

HEX #5BA6FBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BA6FBBF 2%, #59FAFBBF 90%);

HEX #5BA6FBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BA6FBBF 14%, #59FAFBBF 99%);

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

リニア

HEX #59FAFBBF まで HEX #33F9FA

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 2%, #33F9FA 87%);

ラジアル

HEX #59FAFBBF まで HEX #33F9FA

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 9%, #33F9FA 86%);

HEX #33F9FA まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #33F9FA 4%, #59FAFBBF 86%);

HEX #33F9FA まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #33F9FA 11%, #59FAFBBF 90%);

HEX #59FAFBBF まで HEX #5BFAFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 8%, #5BFAFB 100%);

HEX #59FAFBBF まで HEX #5BFAFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 2%, #5BFAFB 98%);

HEX #5BFAFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFAFB 7%, #59FAFBBF 89%);

HEX #5BFAFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFAFB 10%, #59FAFBBF 93%);

HEX #59FAFBBF まで HEX #83FBFC

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 4%, #83FBFC 94%);

HEX #59FAFBBF まで HEX #83FBFC

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 8%, #83FBFC 90%);

HEX #83FBFC まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #83FBFC 14%, #59FAFBBF 91%);

HEX #83FBFC まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #83FBFC 8%, #59FAFBBF 90%);

HEX #59FAFBBF まで HEX #ABFCFD

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 8%, #ABFCFD 89%);

HEX #59FAFBBF まで HEX #ABFCFD

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 6%, #ABFCFD 94%);

HEX #ABFCFD まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #ABFCFD 0%, #59FAFBBF 86%);

HEX #ABFCFD まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #ABFCFD 10%, #59FAFBBF 89%);

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

リニア

HEX #59FAFBBF まで HEX #5BFBD0BF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 2%, #5BFBD0BF 88%);

ラジアル

HEX #59FAFBBF まで HEX #5BFBD0BF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 9%, #5BFBD0BF 98%);

HEX #5BFBD0BF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFBD0BF 8%, #59FAFBBF 92%);

HEX #5BFBD0BF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFBD0BF 4%, #59FAFBBF 95%);

HEX #59FAFBBF まで HEX #5BFBFBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 8%, #5BFBFBBF 99%);

HEX #59FAFBBF まで HEX #5BFBFBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 9%, #5BFBFBBF 90%);

HEX #5BFBFBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFBFBBF 8%, #59FAFBBF 88%);

HEX #5BFBFBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFBFBBF 7%, #59FAFBBF 96%);

HEX #59FAFBBF まで HEX #5BD0FBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 13%, #5BD0FBBF 96%);

HEX #59FAFBBF まで HEX #5BD0FBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 6%, #5BD0FBBF 87%);

HEX #5BD0FBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BD0FBBF 3%, #59FAFBBF 90%);

HEX #5BD0FBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BD0FBBF 3%, #59FAFBBF 98%);

HEX #59FAFBBF まで HEX #5BA6FBBF

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 8%, #5BA6FBBF 97%);

HEX #59FAFBBF まで HEX #5BA6FBBF

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 11%, #5BA6FBBF 98%);

HEX #5BA6FBBF まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BA6FBBF 4%, #59FAFBBF 90%);

HEX #5BA6FBBF まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BA6FBBF 10%, #59FAFBBF 89%);

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

リニア

HEX #59FAFBBF まで HEX #33F9FA

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 4%, #33F9FA 91%);

ラジアル

HEX #59FAFBBF まで HEX #33F9FA

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 5%, #33F9FA 100%);

HEX #33F9FA まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #33F9FA 13%, #59FAFBBF 94%);

HEX #33F9FA まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #33F9FA 6%, #59FAFBBF 100%);

HEX #59FAFBBF まで HEX #5BFAFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 2%, #5BFAFB 86%);

HEX #59FAFBBF まで HEX #5BFAFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 2%, #5BFAFB 93%);

HEX #5BFAFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #5BFAFB 6%, #59FAFBBF 98%);

HEX #5BFAFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #5BFAFB 13%, #59FAFBBF 96%);

HEX #59FAFBBF まで HEX #83FBFC

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 6%, #83FBFC 89%);

HEX #59FAFBBF まで HEX #83FBFC

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 2%, #83FBFC 96%);

HEX #83FBFC まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #83FBFC 13%, #59FAFBBF 87%);

HEX #83FBFC まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #83FBFC 12%, #59FAFBBF 89%);

HEX #59FAFBBF まで HEX #ABFCFD

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 9%, #ABFCFD 99%);

HEX #59FAFBBF まで HEX #ABFCFD

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 3%, #ABFCFD 91%);

HEX #ABFCFD まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #ABFCFD 12%, #59FAFBBF 95%);

HEX #ABFCFD まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #ABFCFD 5%, #59FAFBBF 89%);

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

リニア

HEX #59FAFBBF まで HEX #7B5BFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 9%, #7B5BFB 99%);

ラジアル

HEX #59FAFBBF まで HEX #7B5BFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 3%, #7B5BFB 98%);

HEX #7B5BFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #7B5BFB 11%, #59FAFBBF 92%);

HEX #7B5BFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #7B5BFB 2%, #59FAFBBF 89%);

HEX #59FAFBBF まで HEX #FBBB5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 13%, #FBBB5B 87%);

HEX #59FAFBBF まで HEX #FBBB5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 1%, #FBBB5B 92%);

HEX #FBBB5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #FBBB5B 5%, #59FAFBBF 87%);

HEX #FBBB5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #FBBB5B 1%, #59FAFBBF 91%);

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

リニア

HEX #59FAFBBF まで HEX #FB5BFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 3%, #FB5BFB 89%);

ラジアル

HEX #59FAFBBF まで HEX #FB5BFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 5%, #FB5BFB 96%);

HEX #FB5BFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #FB5BFB 0%, #59FAFBBF 95%);

HEX #FB5BFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #FB5BFB 2%, #59FAFBBF 96%);

HEX #59FAFBBF まで HEX #FBFB5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 2%, #FBFB5B 86%);

HEX #59FAFBBF まで HEX #FBFB5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 2%, #FBFB5B 88%);

HEX #FBFB5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #FBFB5B 4%, #59FAFBBF 96%);

HEX #FBFB5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #FBFB5B 9%, #59FAFBBF 98%);

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

リニア

HEX #59FAFBBF まで HEX #7B5BFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 4%, #7B5BFB 88%);

ラジアル

HEX #59FAFBBF まで HEX #7B5BFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 6%, #7B5BFB 92%);

HEX #7B5BFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #7B5BFB 12%, #59FAFBBF 87%);

HEX #7B5BFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #7B5BFB 11%, #59FAFBBF 93%);

HEX #59FAFBBF まで HEX #FB5B5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 3%, #FB5B5B 96%);

HEX #59FAFBBF まで HEX #FB5B5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 14%, #FB5B5B 96%);

HEX #FB5B5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #FB5B5B 0%, #59FAFBBF 94%);

HEX #FB5B5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #FB5B5B 13%, #59FAFBBF 100%);

HEX #59FAFBBF まで HEX #DBFB5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 3%, #DBFB5B 93%);

HEX #59FAFBBF まで HEX #DBFB5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 8%, #DBFB5B 94%);

HEX #DBFB5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #DBFB5B 8%, #59FAFBBF 97%);

HEX #DBFB5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #DBFB5B 8%, #59FAFBBF 94%);

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

リニア

HEX #59FAFBBF まで HEX #AB5BFB

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 11%, #AB5BFB 100%);

ラジアル

HEX #59FAFBBF まで HEX #AB5BFB

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 9%, #AB5BFB 92%);

HEX #AB5BFB まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #AB5BFB 14%, #59FAFBBF 93%);

HEX #AB5BFB まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #AB5BFB 12%, #59FAFBBF 86%);

HEX #59FAFBBF まで HEX #FB5B5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 0%, #FB5B5B 86%);

HEX #59FAFBBF まで HEX #FB5B5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 5%, #FB5B5B 90%);

HEX #FB5B5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #FB5B5B 14%, #59FAFBBF 94%);

HEX #FB5B5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #FB5B5B 13%, #59FAFBBF 96%);

HEX #59FAFBBF まで HEX #ABFB5B

CSSコード:

background-image: linear-gradient(135deg, #59FAFBBF 13%, #ABFB5B 93%);

HEX #59FAFBBF まで HEX #ABFB5B

CSSコード:

background-image: radial-gradient(circle, #59FAFBBF 12%, #ABFB5B 91%);

HEX #ABFB5B まで HEX #59FAFBBF

CSSコード:

background-image: linear-gradient(135deg, #ABFB5B 4%, #59FAFBBF 96%);

HEX #ABFB5B まで HEX #59FAFBBF

CSSコード:

background-image: radial-gradient(circle, #ABFB5B 9%, #59FAFBBF 96%);

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

サービス内容

カラー

ラグビーに呪咀

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