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

✕

CSS グラデーション:
CMYK 74 / 24 / 0 / 25

インフォメーション

一網打尽



基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

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

ウェブデザインに簡単：CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を 明るい色合い から検索します。

ウェブデザインに簡単：CSS コードをコピーしてウェブサイトに簡単に組み込めます。

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を ダークシェード から検索します。

ウェブデザインに簡単：CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
50 145 191 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 74 シアン 24 マゼンタ 皆無 黄色と 25

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

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

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

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

レッツゴー

リニア

HEX #3291BF まで HEX #CD6E40


CSSコード:

background-image: linear-gradient(135deg, #3291BF 3%, #CD6E40 86%);

ラジアル

HEX #3291BF まで HEX #CD6E40


CSSコード:

background-image: radial-gradient(circle, #3291BF 4%, #CD6E40 92%);

 

HEX #CD6E40 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #CD6E40 4%, #3291BF 94%);

 

HEX #CD6E40 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #CD6E40 5%, #3291BF 100%);

リニア

HEX #3291BF まで HEX #31B7BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 12%, #31B7BE 95%);

ラジアル

HEX #3291BF まで HEX #31B7BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 8%, #31B7BE 98%);

 

HEX #31B7BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #31B7BE 6%, #3291BF 98%);

 

HEX #31B7BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #31B7BE 1%, #3291BF 88%);

 

HEX #3291BF まで HEX #3191BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 6%, #3191BE 89%);

 

HEX #3291BF まで HEX #3191BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 10%, #3191BE 86%);

 

HEX #3191BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3191BE 9%, #3291BF 95%);

 

HEX #3191BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3191BE 1%, #3291BF 93%);

 

HEX #3291BF まで HEX #316CBE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 2%, #316CBE 86%);

 

HEX #3291BF まで HEX #316CBE


CSSコード:

background-image: radial-gradient(circle, #3291BF 11%, #316CBE 88%);

 

HEX #316CBE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #316CBE 3%, #3291BF 98%);

 

HEX #316CBE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #316CBE 10%, #3291BF 86%);

 

HEX #3291BF まで HEX #3146BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #3146BE 99%);

 

HEX #3291BF まで HEX #3146BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 6%, #3146BE 87%);

 

HEX #3146BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3146BE 9%, #3291BF 98%);

 

HEX #3146BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3146BE 7%, #3291BF 91%);

リニア

HEX #3291BF まで HEX #28779D


CSSコード:

background-image: linear-gradient(135deg, #3291BF 7%, #28779D 98%);

ラジアル

HEX #3291BF まで HEX #28779D


CSSコード:

background-image: radial-gradient(circle, #3291BF 14%, #28779D 94%);

 

HEX #28779D まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #28779D 14%, #3291BF 99%);

 

HEX #28779D まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #28779D 11%, #3291BF 88%);

 

HEX #3291BF まで HEX #3190BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #3190BE 92%);

 

HEX #3291BF まで HEX #3190BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 0%, #3190BE 95%);

 

HEX #3190BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3190BE 7%, #3291BF 88%);

 

HEX #3190BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3190BE 4%, #3291BF 94%);

 

HEX #3291BF まで HEX #48A3D0


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #48A3D0 97%);

 

HEX #3291BF まで HEX #48A3D0


CSSコード:

background-image: radial-gradient(circle, #3291BF 0%, #48A3D0 87%);

 

HEX #48A3D0 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #48A3D0 13%, #3291BF 92%);

 

HEX #48A3D0 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #48A3D0 3%, #3291BF 87%);

 

HEX #3291BF まで HEX #69B4D8


CSSコード:

background-image: linear-gradient(135deg, #3291BF 1%, #69B4D8 96%);

 

HEX #3291BF まで HEX #69B4D8


CSSコード:

background-image: radial-gradient(circle, #3291BF 0%, #69B4D8 97%);

 

HEX #69B4D8 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #69B4D8 14%, #3291BF 100%);

 

HEX #69B4D8 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #69B4D8 14%, #3291BF 88%);

リニア

HEX #3291BF まで HEX #31B7BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 10%, #31B7BE 94%);

ラジアル

HEX #3291BF まで HEX #31B7BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 5%, #31B7BE 93%);

 

HEX #31B7BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #31B7BE 3%, #3291BF 94%);

 

HEX #31B7BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #31B7BE 8%, #3291BF 98%);

 

HEX #3291BF まで HEX #3191BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #3191BE 94%);

 

HEX #3291BF まで HEX #3191BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 11%, #3191BE 86%);

 

HEX #3191BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3191BE 6%, #3291BF 95%);

 

HEX #3191BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3191BE 14%, #3291BF 89%);

 

HEX #3291BF まで HEX #316CBE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 9%, #316CBE 95%);

 

HEX #3291BF まで HEX #316CBE


CSSコード:

background-image: radial-gradient(circle, #3291BF 10%, #316CBE 88%);

 

HEX #316CBE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #316CBE 4%, #3291BF 98%);

 

HEX #316CBE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #316CBE 14%, #3291BF 98%);

 

HEX #3291BF まで HEX #3146BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 0%, #3146BE 100%);

 

HEX #3291BF まで HEX #3146BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 10%, #3146BE 92%);

 

HEX #3146BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3146BE 10%, #3291BF 98%);

 

HEX #3146BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3146BE 0%, #3291BF 95%);

リニア

HEX #3291BF まで HEX #28779D


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #28779D 86%);

ラジアル

HEX #3291BF まで HEX #28779D


CSSコード:

background-image: radial-gradient(circle, #3291BF 12%, #28779D 98%);

 

HEX #28779D まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #28779D 8%, #3291BF 86%);

 

HEX #28779D まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #28779D 14%, #3291BF 93%);

 

HEX #3291BF まで HEX #3190BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 9%, #3190BE 96%);

 

HEX #3291BF まで HEX #3190BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 11%, #3190BE 86%);

 

HEX #3190BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #3190BE 12%, #3291BF 87%);

 

HEX #3190BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #3190BE 11%, #3291BF 96%);

 

HEX #3291BF まで HEX #48A3D0


CSSコード:

background-image: linear-gradient(135deg, #3291BF 6%, #48A3D0 91%);

 

HEX #3291BF まで HEX #48A3D0


CSSコード:

background-image: radial-gradient(circle, #3291BF 5%, #48A3D0 94%);

 

HEX #48A3D0 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #48A3D0 13%, #3291BF 90%);

 

HEX #48A3D0 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #48A3D0 9%, #3291BF 96%);

 

HEX #3291BF まで HEX #69B4D8


CSSコード:

background-image: linear-gradient(135deg, #3291BF 6%, #69B4D8 95%);

 

HEX #3291BF まで HEX #69B4D8


CSSコード:

background-image: radial-gradient(circle, #3291BF 4%, #69B4D8 91%);

 

HEX #69B4D8 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #69B4D8 11%, #3291BF 95%);

 

HEX #69B4D8 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #69B4D8 11%, #3291BF 90%);

リニア

HEX #3291BF まで HEX #7A31BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 9%, #7A31BE 96%);

ラジアル

HEX #3291BF まで HEX #7A31BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 11%, #7A31BE 86%);

 

HEX #7A31BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #7A31BE 0%, #3291BF 89%);

 

HEX #7A31BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #7A31BE 3%, #3291BF 89%);

 

HEX #3291BF まで HEX #BEB231


CSSコード:

background-image: linear-gradient(135deg, #3291BF 12%, #BEB231 97%);

 

HEX #3291BF まで HEX #BEB231


CSSコード:

background-image: radial-gradient(circle, #3291BF 7%, #BEB231 92%);

 

HEX #BEB231 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #BEB231 4%, #3291BF 95%);

 

HEX #BEB231 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #BEB231 6%, #3291BF 96%);

リニア

HEX #3291BF まで HEX #BE3191


CSSコード:

background-image: linear-gradient(135deg, #3291BF 13%, #BE3191 92%);

ラジアル

HEX #3291BF まで HEX #BE3191


CSSコード:

background-image: radial-gradient(circle, #3291BF 10%, #BE3191 88%);

 

HEX #BE3191 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #BE3191 12%, #3291BF 90%);

 

HEX #BE3191 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #BE3191 10%, #3291BF 99%);

 

HEX #3291BF まで HEX #91BE31


CSSコード:

background-image: linear-gradient(135deg, #3291BF 9%, #91BE31 99%);

 

HEX #3291BF まで HEX #91BE31


CSSコード:

background-image: radial-gradient(circle, #3291BF 3%, #91BE31 89%);

 

HEX #91BE31 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #91BE31 3%, #3291BF 87%);

 

HEX #91BE31 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #91BE31 12%, #3291BF 97%);

リニア

HEX #3291BF まで HEX #7A31BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 1%, #7A31BE 87%);

ラジアル

HEX #3291BF まで HEX #7A31BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 11%, #7A31BE 94%);

 

HEX #7A31BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #7A31BE 14%, #3291BF 99%);

 

HEX #7A31BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #7A31BE 10%, #3291BF 88%);

 

HEX #3291BF まで HEX #BE5D31


CSSコード:

background-image: linear-gradient(135deg, #3291BF 8%, #BE5D31 94%);

 

HEX #3291BF まで HEX #BE5D31


CSSコード:

background-image: radial-gradient(circle, #3291BF 6%, #BE5D31 88%);

 

HEX #BE5D31 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #BE5D31 7%, #3291BF 92%);

 

HEX #BE5D31 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #BE5D31 2%, #3291BF 86%);

 

HEX #3291BF まで HEX #75BE31


CSSコード:

background-image: linear-gradient(135deg, #3291BF 3%, #75BE31 89%);

 

HEX #3291BF まで HEX #75BE31


CSSコード:

background-image: radial-gradient(circle, #3291BF 13%, #75BE31 92%);

 

HEX #75BE31 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #75BE31 12%, #3291BF 92%);

 

HEX #75BE31 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #75BE31 14%, #3291BF 97%);

リニア

HEX #3291BF まで HEX #A431BE


CSSコード:

background-image: linear-gradient(135deg, #3291BF 10%, #A431BE 98%);

ラジアル

HEX #3291BF まで HEX #A431BE


CSSコード:

background-image: radial-gradient(circle, #3291BF 6%, #A431BE 91%);

 

HEX #A431BE まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #A431BE 10%, #3291BF 97%);

 

HEX #A431BE まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #A431BE 3%, #3291BF 100%);

 

HEX #3291BF まで HEX #BE5D31


CSSコード:

background-image: linear-gradient(135deg, #3291BF 8%, #BE5D31 86%);

 

HEX #3291BF まで HEX #BE5D31


CSSコード:

background-image: radial-gradient(circle, #3291BF 10%, #BE5D31 87%);

 

HEX #BE5D31 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #BE5D31 10%, #3291BF 96%);

 

HEX #BE5D31 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #BE5D31 8%, #3291BF 98%);

 

HEX #3291BF まで HEX #4BBE31


CSSコード:

background-image: linear-gradient(135deg, #3291BF 4%, #4BBE31 93%);

 

HEX #3291BF まで HEX #4BBE31


CSSコード:

background-image: radial-gradient(circle, #3291BF 14%, #4BBE31 100%);

 

HEX #4BBE31 まで HEX #3291BF


CSSコード:

background-image: linear-gradient(135deg, #4BBE31 5%, #3291BF 88%);

 

HEX #4BBE31 まで HEX #3291BF


CSSコード:

background-image: radial-gradient(circle, #4BBE31 13%, #3291BF 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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

ラグビー に カミーユ

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

Icons

ラグビー に ラル®

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

ラグビー に 豚足®

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

ラグビー に パントン®

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

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

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

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

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

nsc-logo

ラグバ に 呪咀

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

ラグバ に カミーユ

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

Icons

ラグバ に ラル®

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

ラグバ に 豚足®

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

ラグバ に パントン®

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

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

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

ラグバ に エヌシーエス®

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

nsc-logo
Icons

カミーユ に 呪咀

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

カミーユ に ラグビー

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

カミーユ に ラグバ

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

カミーユ に ラル®

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

カミーユ に 豚足®

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

カミーユ に パントン®

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

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

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

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

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

nsc-logo

呪咀 に ラグビー

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

呪咀 に ラグバ

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

呪咀 に カミーユ

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

Icons

呪咀 に ラル®

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

呪咀 に 豚足®

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

呪咀 に パントン®

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

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

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

呪咀 に エヌシーエス®

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

nsc-logo

ラル® に ラグビー

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

ラル® に ラグバ

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

ラル® に カミーユ

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

Icons

ラル® に 呪咀

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

nsc-logo

豚足® に ラグビー

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

豚足® に ラグバ

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

豚足® に カミーユ

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

Icons

豚足® に 呪咀

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

nsc-logo

パントン® に ラグビー

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

パントン® に ラグバ

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

パントン® に カミーユ

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

Icons

パントン® に 呪咀

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

nsc-logo

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

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

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

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

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

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

Icons

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

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

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

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

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

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

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

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

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

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

nsc-logo
nsc-logo

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

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

エヌシーエス® に ラグバ

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

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

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

Icons
nsc-logo

エヌシーエス® に 呪咀

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

エヌシーエス® に ラル®

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

エヌシーエス® に 豚足®

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

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

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

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

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

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de