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

✕

CSS グラデーション:
CMYK 0 / 27 / 5 / 14

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DBA0D0 まで HEX #245F2F


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 10%, #245F2F 90%);

ラジアル

HEX #DBA0D0 まで HEX #245F2F


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 9%, #245F2F 97%);

 

HEX #245F2F まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #245F2F 0%, #DBA0D0 97%);

 

HEX #245F2F まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #245F2F 13%, #DBA0D0 90%);

リニア

HEX #DBA0D0 まで HEX #D59EDA


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 12%, #D59EDA 99%);

ラジアル

HEX #DBA0D0 まで HEX #D59EDA


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 1%, #D59EDA 88%);

 

HEX #D59EDA まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #D59EDA 4%, #DBA0D0 91%);

 

HEX #D59EDA まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #D59EDA 6%, #DBA0D0 86%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 8%, #DA9ECF 99%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 13%, #DA9ECF 91%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

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

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9ECF 4%, #DBA0D0 89%);

 

HEX #DBA0D0 まで HEX #DA9EBF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 4%, #DA9EBF 97%);

 

HEX #DBA0D0 まで HEX #DA9EBF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 5%, #DA9EBF 88%);

 

HEX #DA9EBF まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DA9EBF 7%, #DBA0D0 96%);

 

HEX #DA9EBF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9EBF 7%, #DBA0D0 86%);

 

HEX #DBA0D0 まで HEX #DA9EAF


CSSコード:

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

 

HEX #DBA0D0 まで HEX #DA9EAF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 8%, #DA9EAF 99%);

 

HEX #DA9EAF まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DA9EAF 3%, #DBA0D0 86%);

 

HEX #DA9EAF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9EAF 3%, #DBA0D0 96%);

リニア

HEX #DBA0D0 まで HEX #CF80C0


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 0%, #CF80C0 88%);

ラジアル

HEX #DBA0D0 まで HEX #CF80C0


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 9%, #CF80C0 86%);

 

HEX #CF80C0 まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #CF80C0 10%, #DBA0D0 98%);

 

HEX #CF80C0 まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #CF80C0 1%, #DBA0D0 100%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 13%, #DA9ECF 92%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 12%, #DA9ECF 99%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DA9ECF 5%, #DBA0D0 94%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9ECF 3%, #DBA0D0 100%);

 

HEX #DBA0D0 まで HEX #E5BCDE


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 10%, #E5BCDE 95%);

 

HEX #DBA0D0 まで HEX #E5BCDE


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 10%, #E5BCDE 88%);

 

HEX #E5BCDE まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #E5BCDE 8%, #DBA0D0 89%);

 

HEX #E5BCDE まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #E5BCDE 1%, #DBA0D0 100%);

 

HEX #DBA0D0 まで HEX #F1DAED


CSSコード:

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

 

HEX #DBA0D0 まで HEX #F1DAED


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 7%, #F1DAED 86%);

 

HEX #F1DAED まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #F1DAED 4%, #DBA0D0 92%);

 

HEX #F1DAED まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #F1DAED 4%, #DBA0D0 89%);

リニア

HEX #DBA0D0 まで HEX #D59EDA


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 9%, #D59EDA 95%);

ラジアル

HEX #DBA0D0 まで HEX #D59EDA


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 14%, #D59EDA 90%);

 

HEX #D59EDA まで HEX #DBA0D0


CSSコード:

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

 

HEX #D59EDA まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #D59EDA 10%, #DBA0D0 89%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 0%, #DA9ECF 97%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 12%, #DA9ECF 95%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DA9ECF 8%, #DBA0D0 95%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9ECF 2%, #DBA0D0 90%);

 

HEX #DBA0D0 まで HEX #DA9EBF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 2%, #DA9EBF 97%);

 

HEX #DBA0D0 まで HEX #DA9EBF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 6%, #DA9EBF 96%);

 

HEX #DA9EBF まで HEX #DBA0D0


CSSコード:

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

 

HEX #DA9EBF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9EBF 14%, #DBA0D0 89%);

 

HEX #DBA0D0 まで HEX #DA9EAF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 3%, #DA9EAF 96%);

 

HEX #DBA0D0 まで HEX #DA9EAF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 8%, #DA9EAF 87%);

 

HEX #DA9EAF まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DA9EAF 14%, #DBA0D0 96%);

 

HEX #DA9EAF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9EAF 2%, #DBA0D0 97%);

リニア

HEX #DBA0D0 まで HEX #CF80C0


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 8%, #CF80C0 86%);

ラジアル

HEX #DBA0D0 まで HEX #CF80C0


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 4%, #CF80C0 98%);

 

HEX #CF80C0 まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #CF80C0 14%, #DBA0D0 92%);

 

HEX #CF80C0 まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #CF80C0 10%, #DBA0D0 94%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 3%, #DA9ECF 90%);

 

HEX #DBA0D0 まで HEX #DA9ECF


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 2%, #DA9ECF 97%);

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

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

 

HEX #DA9ECF まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DA9ECF 1%, #DBA0D0 87%);

 

HEX #DBA0D0 まで HEX #E5BCDE


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 6%, #E5BCDE 97%);

 

HEX #DBA0D0 まで HEX #E5BCDE


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 6%, #E5BCDE 90%);

 

HEX #E5BCDE まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #E5BCDE 11%, #DBA0D0 100%);

 

HEX #E5BCDE まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #E5BCDE 2%, #DBA0D0 88%);

 

HEX #DBA0D0 まで HEX #F1DAED


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 6%, #F1DAED 93%);

 

HEX #DBA0D0 まで HEX #F1DAED


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 8%, #F1DAED 87%);

 

HEX #F1DAED まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #F1DAED 4%, #DBA0D0 86%);

 

HEX #F1DAED まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #F1DAED 11%, #DBA0D0 93%);

リニア

HEX #DBA0D0 まで HEX #DAB59E


CSSコード:

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

ラジアル

HEX #DBA0D0 まで HEX #DAB59E


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 9%, #DAB59E 90%);

 

HEX #DAB59E まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DAB59E 9%, #DBA0D0 95%);

 

HEX #DAB59E まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DAB59E 10%, #DBA0D0 93%);

 

HEX #DBA0D0 まで HEX #9EDACD


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 0%, #9EDACD 98%);

 

HEX #DBA0D0 まで HEX #9EDACD


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 9%, #9EDACD 99%);

 

HEX #9EDACD まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9EDACD 4%, #DBA0D0 89%);

 

HEX #9EDACD まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9EDACD 3%, #DBA0D0 94%);

リニア

HEX #DBA0D0 まで HEX #CFDA9E


CSSコード:

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

ラジアル

HEX #DBA0D0 まで HEX #CFDA9E


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 3%, #CFDA9E 86%);

 

HEX #CFDA9E まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #CFDA9E 2%, #DBA0D0 89%);

 

HEX #CFDA9E まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #CFDA9E 6%, #DBA0D0 87%);

 

HEX #DBA0D0 まで HEX #9ECFDA


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 0%, #9ECFDA 92%);

 

HEX #DBA0D0 まで HEX #9ECFDA


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 13%, #9ECFDA 94%);

 

HEX #9ECFDA まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9ECFDA 13%, #DBA0D0 100%);

 

HEX #9ECFDA まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9ECFDA 6%, #DBA0D0 92%);

リニア

HEX #DBA0D0 まで HEX #DAB59E


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 7%, #DAB59E 99%);

ラジアル

HEX #DBA0D0 まで HEX #DAB59E


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 2%, #DAB59E 95%);

 

HEX #DAB59E まで HEX #DBA0D0


CSSコード:

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

 

HEX #DAB59E まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DAB59E 7%, #DBA0D0 91%);

 

HEX #DBA0D0 まで HEX #9EDAA9


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 6%, #9EDAA9 91%);

 

HEX #DBA0D0 まで HEX #9EDAA9


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 13%, #9EDAA9 86%);

 

HEX #9EDAA9 まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9EDAA9 10%, #DBA0D0 95%);

 

HEX #9EDAA9 まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9EDAA9 0%, #DBA0D0 92%);

 

HEX #DBA0D0 まで HEX #9EC3DA


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 14%, #9EC3DA 95%);

 

HEX #DBA0D0 まで HEX #9EC3DA


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 0%, #9EC3DA 100%);

 

HEX #9EC3DA まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9EC3DA 4%, #DBA0D0 88%);

 

HEX #9EC3DA まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9EC3DA 4%, #DBA0D0 89%);

リニア

HEX #DBA0D0 まで HEX #DAC79E


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 8%, #DAC79E 98%);

ラジアル

HEX #DBA0D0 まで HEX #DAC79E


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 3%, #DAC79E 91%);

 

HEX #DAC79E まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #DAC79E 1%, #DBA0D0 94%);

 

HEX #DAC79E まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #DAC79E 4%, #DBA0D0 94%);

 

HEX #DBA0D0 まで HEX #9EDAA9


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 1%, #9EDAA9 93%);

 

HEX #DBA0D0 まで HEX #9EDAA9


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 14%, #9EDAA9 86%);

 

HEX #9EDAA9 まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9EDAA9 13%, #DBA0D0 94%);

 

HEX #9EDAA9 まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9EDAA9 7%, #DBA0D0 93%);

 

HEX #DBA0D0 まで HEX #9EB1DA


CSSコード:

background-image: linear-gradient(135deg, #DBA0D0 7%, #9EB1DA 100%);

 

HEX #DBA0D0 まで HEX #9EB1DA


CSSコード:

background-image: radial-gradient(circle, #DBA0D0 8%, #9EB1DA 91%);

 

HEX #9EB1DA まで HEX #DBA0D0


CSSコード:

background-image: linear-gradient(135deg, #9EB1DA 8%, #DBA0D0 93%);

 

HEX #9EB1DA まで HEX #DBA0D0


CSSコード:

background-image: radial-gradient(circle, #9EB1DA 2%, #DBA0D0 96%);

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

サービス内容

カラー

ラグビー に 呪咀

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