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

✕

CSS グラデーション:
#ECE074

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #ECE074 まで HEX #131F8B


CSSコード:

background-image: linear-gradient(135deg, #ECE074 10%, #131F8B 100%);

ラジアル

HEX #ECE074 まで HEX #131F8B


CSSコード:

background-image: radial-gradient(circle, #ECE074 2%, #131F8B 98%);

 

HEX #131F8B まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #131F8B 1%, #ECE074 100%);

 

HEX #131F8B まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #131F8B 2%, #ECE074 95%);

リニア

HEX #ECE074 まで HEX #FFF282


CSSコード:

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

ラジアル

HEX #ECE074 まで HEX #FFF282


CSSコード:

background-image: radial-gradient(circle, #ECE074 5%, #FFF282 94%);

 

HEX #FFF282 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #FFF282 7%, #ECE074 88%);

 

HEX #FFF282 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #FFF282 10%, #ECE074 100%);

 

HEX #ECE074 まで HEX #FFFF95


CSSコード:

background-image: linear-gradient(135deg, #ECE074 2%, #FFFF95 100%);

 

HEX #ECE074 まで HEX #FFFF95


CSSコード:

background-image: radial-gradient(circle, #ECE074 12%, #FFFF95 95%);

 

HEX #FFFF95 まで HEX #ECE074


CSSコード:

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

 

HEX #FFFF95 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #FFFF95 13%, #ECE074 94%);

 

HEX #ECE074 まで HEX #FFFFA8


CSSコード:

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

 

HEX #ECE074 まで HEX #FFFFA8


CSSコード:

background-image: radial-gradient(circle, #ECE074 14%, #FFFFA8 94%);

 

HEX #FFFFA8 まで HEX #ECE074


CSSコード:

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

 

HEX #FFFFA8 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #FFFFA8 11%, #ECE074 91%);

 

HEX #ECE074 まで HEX #FFFFBB


CSSコード:

background-image: linear-gradient(135deg, #ECE074 6%, #FFFFBB 91%);

 

HEX #ECE074 まで HEX #FFFFBB


CSSコード:

background-image: radial-gradient(circle, #ECE074 0%, #FFFFBB 90%);

 

HEX #FFFFBB まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #FFFFBB 11%, #ECE074 98%);

 

HEX #FFFFBB まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #FFFFBB 9%, #ECE074 95%);

リニア

HEX #ECE074 まで HEX #DBCE61


CSSコード:

background-image: linear-gradient(135deg, #ECE074 8%, #DBCE61 87%);

ラジアル

HEX #ECE074 まで HEX #DBCE61


CSSコード:

background-image: radial-gradient(circle, #ECE074 8%, #DBCE61 97%);

 

HEX #DBCE61 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #DBCE61 0%, #ECE074 96%);

 

HEX #DBCE61 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #DBCE61 12%, #ECE074 97%);

 

HEX #ECE074 まで HEX #CABC4E


CSSコード:

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

 

HEX #ECE074 まで HEX #CABC4E


CSSコード:

background-image: radial-gradient(circle, #ECE074 14%, #CABC4E 96%);

 

HEX #CABC4E まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #CABC4E 0%, #ECE074 98%);

 

HEX #CABC4E まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #CABC4E 4%, #ECE074 89%);

 

HEX #ECE074 まで HEX #B9AA3B


CSSコード:

background-image: linear-gradient(135deg, #ECE074 9%, #B9AA3B 97%);

 

HEX #ECE074 まで HEX #B9AA3B


CSSコード:

background-image: radial-gradient(circle, #ECE074 1%, #B9AA3B 99%);

 

HEX #B9AA3B まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #B9AA3B 4%, #ECE074 87%);

 

HEX #B9AA3B まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #B9AA3B 12%, #ECE074 91%);

 

HEX #ECE074 まで HEX #A89828


CSSコード:

background-image: linear-gradient(135deg, #ECE074 8%, #A89828 96%);

 

HEX #ECE074 まで HEX #A89828


CSSコード:

background-image: radial-gradient(circle, #ECE074 10%, #A89828 97%);

 

HEX #A89828 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #A89828 8%, #ECE074 91%);

 

HEX #A89828 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #A89828 5%, #ECE074 97%);

リニア

HEX #ECE074 まで HEX #E4EC73


CSSコード:

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

ラジアル

HEX #ECE074 まで HEX #E4EC73


CSSコード:

background-image: radial-gradient(circle, #ECE074 0%, #E4EC73 89%);

 

HEX #E4EC73 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #E4EC73 14%, #ECE074 99%);

 

HEX #E4EC73 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #E4EC73 12%, #ECE074 100%);

 

HEX #ECE074 まで HEX #CFEC73


CSSコード:

background-image: linear-gradient(135deg, #ECE074 7%, #CFEC73 98%);

 

HEX #ECE074 まで HEX #CFEC73


CSSコード:

background-image: radial-gradient(circle, #ECE074 9%, #CFEC73 97%);

 

HEX #CFEC73 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #CFEC73 6%, #ECE074 88%);

 

HEX #CFEC73 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #CFEC73 8%, #ECE074 86%);

 

HEX #ECE074 まで HEX #BBEC73


CSSコード:

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

 

HEX #ECE074 まで HEX #BBEC73


CSSコード:

background-image: radial-gradient(circle, #ECE074 9%, #BBEC73 86%);

 

HEX #BBEC73 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #BBEC73 10%, #ECE074 99%);

 

HEX #BBEC73 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #BBEC73 10%, #ECE074 96%);

 

HEX #ECE074 まで HEX #A7EC73


CSSコード:

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

 

HEX #ECE074 まで HEX #A7EC73


CSSコード:

background-image: radial-gradient(circle, #ECE074 6%, #A7EC73 90%);

 

HEX #A7EC73 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #A7EC73 7%, #ECE074 91%);

 

HEX #A7EC73 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #A7EC73 9%, #ECE074 98%);

リニア

HEX #ECE074 まで HEX #201E10


CSSコード:

background-image: linear-gradient(135deg, #ECE074 8%, #201E10 89%);

ラジアル

HEX #ECE074 まで HEX #201E10


CSSコード:

background-image: radial-gradient(circle, #ECE074 10%, #201E10 88%);

 

HEX #201E10 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #201E10 11%, #ECE074 90%);

 

HEX #201E10 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #201E10 0%, #ECE074 87%);

 

HEX #ECE074 まで HEX #534F29


CSSコード:

background-image: linear-gradient(135deg, #ECE074 0%, #534F29 91%);

 

HEX #ECE074 まで HEX #534F29


CSSコード:

background-image: radial-gradient(circle, #ECE074 1%, #534F29 94%);

 

HEX #534F29 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #534F29 0%, #ECE074 98%);

 

HEX #534F29 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #534F29 9%, #ECE074 95%);

 

HEX #ECE074 まで HEX #867F42


CSSコード:

background-image: linear-gradient(135deg, #ECE074 4%, #867F42 92%);

 

HEX #ECE074 まで HEX #867F42


CSSコード:

background-image: radial-gradient(circle, #ECE074 8%, #867F42 90%);

 

HEX #867F42 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #867F42 5%, #ECE074 90%);

 

HEX #867F42 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #867F42 8%, #ECE074 94%);

 

HEX #ECE074 まで HEX #B9B05B


CSSコード:

background-image: linear-gradient(135deg, #ECE074 4%, #B9B05B 100%);

 

HEX #ECE074 まで HEX #B9B05B


CSSコード:

background-image: radial-gradient(circle, #ECE074 6%, #B9B05B 97%);

 

HEX #B9B05B まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #B9B05B 4%, #ECE074 96%);

 

HEX #B9B05B まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #B9B05B 0%, #ECE074 97%);

リニア

HEX #ECE074 まで HEX #73EC7F


CSSコード:

background-image: linear-gradient(135deg, #ECE074 2%, #73EC7F 88%);

ラジアル

HEX #ECE074 まで HEX #73EC7F


CSSコード:

background-image: radial-gradient(circle, #ECE074 2%, #73EC7F 89%);

 

HEX #73EC7F まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #73EC7F 12%, #ECE074 90%);

 

HEX #73EC7F まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #73EC7F 14%, #ECE074 92%);

 

HEX #ECE074 まで HEX #AF73EC


CSSコード:

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

 

HEX #ECE074 まで HEX #AF73EC


CSSコード:

background-image: radial-gradient(circle, #ECE074 6%, #AF73EC 93%);

 

HEX #AF73EC まで HEX #ECE074


CSSコード:

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

 

HEX #AF73EC まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #AF73EC 12%, #ECE074 89%);

リニア

HEX #ECE074 まで HEX #73ECE0


CSSコード:

background-image: linear-gradient(135deg, #ECE074 4%, #73ECE0 91%);

ラジアル

HEX #ECE074 まで HEX #73ECE0


CSSコード:

background-image: radial-gradient(circle, #ECE074 0%, #73ECE0 93%);

 

HEX #73ECE0 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #73ECE0 7%, #ECE074 87%);

 

HEX #73ECE0 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #73ECE0 3%, #ECE074 99%);

 

HEX #ECE074 まで HEX #E073EC


CSSコード:

background-image: linear-gradient(135deg, #ECE074 3%, #E073EC 97%);

 

HEX #ECE074 まで HEX #E073EC


CSSコード:

background-image: radial-gradient(circle, #ECE074 1%, #E073EC 89%);

 

HEX #E073EC まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #E073EC 3%, #ECE074 93%);

 

HEX #E073EC まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #E073EC 5%, #ECE074 100%);

リニア

HEX #ECE074 まで HEX #73EC7F


CSSコード:

background-image: linear-gradient(135deg, #ECE074 1%, #73EC7F 89%);

ラジアル

HEX #ECE074 まで HEX #73EC7F


CSSコード:

background-image: radial-gradient(circle, #ECE074 2%, #73EC7F 90%);

 

HEX #73EC7F まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #73EC7F 11%, #ECE074 87%);

 

HEX #73EC7F まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #73EC7F 3%, #ECE074 98%);

 

HEX #ECE074 まで HEX #737FEC


CSSコード:

background-image: linear-gradient(135deg, #ECE074 9%, #737FEC 93%);

 

HEX #ECE074 まで HEX #737FEC


CSSコード:

background-image: radial-gradient(circle, #ECE074 4%, #737FEC 95%);

 

HEX #737FEC まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #737FEC 6%, #ECE074 96%);

 

HEX #737FEC まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #737FEC 1%, #ECE074 97%);

 

HEX #ECE074 まで HEX #EC73E0


CSSコード:

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

 

HEX #ECE074 まで HEX #EC73E0


CSSコード:

background-image: radial-gradient(circle, #ECE074 0%, #EC73E0 90%);

 

HEX #EC73E0 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #EC73E0 3%, #ECE074 95%);

 

HEX #EC73E0 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #EC73E0 14%, #ECE074 99%);

リニア

HEX #ECE074 まで HEX #73ECA3


CSSコード:

background-image: linear-gradient(135deg, #ECE074 3%, #73ECA3 87%);

ラジアル

HEX #ECE074 まで HEX #73ECA3


CSSコード:

background-image: radial-gradient(circle, #ECE074 6%, #73ECA3 91%);

 

HEX #73ECA3 まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #73ECA3 3%, #ECE074 88%);

 

HEX #73ECA3 まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #73ECA3 6%, #ECE074 90%);

 

HEX #ECE074 まで HEX #737FEC


CSSコード:

background-image: linear-gradient(135deg, #ECE074 11%, #737FEC 87%);

 

HEX #ECE074 まで HEX #737FEC


CSSコード:

background-image: radial-gradient(circle, #ECE074 10%, #737FEC 90%);

 

HEX #737FEC まで HEX #ECE074


CSSコード:

background-image: linear-gradient(135deg, #737FEC 13%, #ECE074 98%);

 

HEX #737FEC まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #737FEC 8%, #ECE074 91%);

 

HEX #ECE074 まで HEX #EC73BB


CSSコード:

background-image: linear-gradient(135deg, #ECE074 12%, #EC73BB 90%);

 

HEX #ECE074 まで HEX #EC73BB


CSSコード:

background-image: radial-gradient(circle, #ECE074 13%, #EC73BB 97%);

 

HEX #EC73BB まで HEX #ECE074


CSSコード:

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

 

HEX #EC73BB まで HEX #ECE074


CSSコード:

background-image: radial-gradient(circle, #EC73BB 6%, #ECE074 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

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