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

✕

CSS グラデーション:
CMYK 25 / 5 / 0 / 1

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BDF0FC まで HEX #420F03


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 10%, #420F03 89%);

ラジアル

HEX #BDF0FC まで HEX #420F03


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 11%, #420F03 99%);

 

HEX #420F03 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #420F03 1%, #BDF0FC 93%);

 

HEX #420F03 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #420F03 0%, #BDF0FC 89%);

リニア

HEX #BDF0FC まで HEX #D3FFFF


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 6%, #D3FFFF 92%);

ラジアル

HEX #BDF0FC まで HEX #D3FFFF


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 6%, #D3FFFF 88%);

 

HEX #D3FFFF まで HEX #BDF0FC


CSSコード:

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

 

HEX #D3FFFF まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #D3FFFF 8%, #BDF0FC 86%);

 

HEX #BDF0FC まで HEX #E4FFFF


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 14%, #E4FFFF 91%);

 

HEX #BDF0FC まで HEX #E4FFFF


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 9%, #E4FFFF 90%);

 

HEX #E4FFFF まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #E4FFFF 6%, #BDF0FC 90%);

 

HEX #E4FFFF まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #E4FFFF 5%, #BDF0FC 89%);

 

HEX #BDF0FC まで HEX #F5FFFF


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 1%, #F5FFFF 93%);

 

HEX #BDF0FC まで HEX #F5FFFF


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 2%, #F5FFFF 89%);

 

HEX #F5FFFF まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #F5FFFF 3%, #BDF0FC 98%);

 

HEX #F5FFFF まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #F5FFFF 0%, #BDF0FC 86%);

リニア

HEX #BDF0FC まで HEX #ACDEE9


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 9%, #ACDEE9 99%);

ラジアル

HEX #BDF0FC まで HEX #ACDEE9


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 9%, #ACDEE9 98%);

 

HEX #ACDEE9 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #ACDEE9 1%, #BDF0FC 93%);

 

HEX #ACDEE9 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #ACDEE9 11%, #BDF0FC 92%);

 

HEX #BDF0FC まで HEX #9BCCD6


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 8%, #9BCCD6 100%);

 

HEX #BDF0FC まで HEX #9BCCD6


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 10%, #9BCCD6 87%);

 

HEX #9BCCD6 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #9BCCD6 3%, #BDF0FC 95%);

 

HEX #9BCCD6 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #9BCCD6 10%, #BDF0FC 92%);

 

HEX #BDF0FC まで HEX #8ABAC3


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 9%, #8ABAC3 97%);

 

HEX #BDF0FC まで HEX #8ABAC3


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 2%, #8ABAC3 97%);

 

HEX #8ABAC3 まで HEX #BDF0FC


CSSコード:

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

 

HEX #8ABAC3 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #8ABAC3 0%, #BDF0FC 97%);

 

HEX #BDF0FC まで HEX #79A8B0


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 13%, #79A8B0 98%);

 

HEX #BDF0FC まで HEX #79A8B0


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 1%, #79A8B0 89%);

 

HEX #79A8B0 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #79A8B0 14%, #BDF0FC 92%);

 

HEX #79A8B0 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #79A8B0 7%, #BDF0FC 96%);

リニア

HEX #BDF0FC まで HEX #BAE5FB


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 13%, #BAE5FB 100%);

ラジアル

HEX #BDF0FC まで HEX #BAE5FB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 6%, #BAE5FB 86%);

 

HEX #BAE5FB まで HEX #BDF0FC


CSSコード:

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

 

HEX #BAE5FB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #BAE5FB 9%, #BDF0FC 91%);

 

HEX #BDF0FC まで HEX #BADAFB


CSSコード:

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

 

HEX #BDF0FC まで HEX #BADAFB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 2%, #BADAFB 97%);

 

HEX #BADAFB まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #BADAFB 2%, #BDF0FC 91%);

 

HEX #BADAFB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #BADAFB 12%, #BDF0FC 98%);

 

HEX #BDF0FC まで HEX #BACFFB


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 0%, #BACFFB 100%);

 

HEX #BDF0FC まで HEX #BACFFB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 8%, #BACFFB 99%);

 

HEX #BACFFB まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #BACFFB 10%, #BDF0FC 96%);

 

HEX #BACFFB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #BACFFB 11%, #BDF0FC 100%);

 

HEX #BDF0FC まで HEX #BAC4FB


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 1%, #BAC4FB 86%);

 

HEX #BDF0FC まで HEX #BAC4FB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 12%, #BAC4FB 91%);

 

HEX #BAC4FB まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #BAC4FB 8%, #BDF0FC 94%);

 

HEX #BAC4FB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #BAC4FB 7%, #BDF0FC 97%);

リニア

HEX #BDF0FC まで HEX #242E30


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 10%, #242E30 91%);

ラジアル

HEX #BDF0FC まで HEX #242E30


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 4%, #242E30 91%);

 

HEX #242E30 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #242E30 7%, #BDF0FC 92%);

 

HEX #242E30 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #242E30 9%, #BDF0FC 97%);

 

HEX #BDF0FC まで HEX #4A5E63


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 0%, #4A5E63 93%);

 

HEX #BDF0FC まで HEX #4A5E63


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 6%, #4A5E63 99%);

 

HEX #4A5E63 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #4A5E63 11%, #BDF0FC 99%);

 

HEX #4A5E63 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #4A5E63 4%, #BDF0FC 100%);

 

HEX #BDF0FC まで HEX #718F96


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 3%, #718F96 100%);

 

HEX #BDF0FC まで HEX #718F96


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 2%, #718F96 97%);

 

HEX #718F96 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #718F96 7%, #BDF0FC 98%);

 

HEX #718F96 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #718F96 10%, #BDF0FC 92%);

 

HEX #BDF0FC まで HEX #97BFC9


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 7%, #97BFC9 86%);

 

HEX #BDF0FC まで HEX #97BFC9


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 8%, #97BFC9 89%);

 

HEX #97BFC9 まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #97BFC9 0%, #BDF0FC 87%);

 

HEX #97BFC9 まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #97BFC9 7%, #BDF0FC 92%);

リニア

HEX #BDF0FC まで HEX #D3BAFB


CSSコード:

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

ラジアル

HEX #BDF0FC まで HEX #D3BAFB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 10%, #D3BAFB 89%);

 

HEX #D3BAFB まで HEX #BDF0FC


CSSコード:

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

 

HEX #D3BAFB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #D3BAFB 10%, #BDF0FC 93%);

 

HEX #BDF0FC まで HEX #FBEDBA


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 14%, #FBEDBA 100%);

 

HEX #BDF0FC まで HEX #FBEDBA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 0%, #FBEDBA 89%);

 

HEX #FBEDBA まで HEX #BDF0FC


CSSコード:

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

 

HEX #FBEDBA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #FBEDBA 8%, #BDF0FC 87%);

リニア

HEX #BDF0FC まで HEX #FBBAEF


CSSコード:

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

ラジアル

HEX #BDF0FC まで HEX #FBBAEF


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 10%, #FBBAEF 97%);

 

HEX #FBBAEF まで HEX #BDF0FC


CSSコード:

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

 

HEX #FBBAEF まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #FBBAEF 10%, #BDF0FC 98%);

 

HEX #BDF0FC まで HEX #EFFBBA


CSSコード:

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

 

HEX #BDF0FC まで HEX #EFFBBA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 9%, #EFFBBA 88%);

 

HEX #EFFBBA まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #EFFBBA 3%, #BDF0FC 87%);

 

HEX #EFFBBA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #EFFBBA 0%, #BDF0FC 96%);

リニア

HEX #BDF0FC まで HEX #D3BAFB


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 3%, #D3BAFB 98%);

ラジアル

HEX #BDF0FC まで HEX #D3BAFB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 7%, #D3BAFB 100%);

 

HEX #D3BAFB まで HEX #BDF0FC


CSSコード:

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

 

HEX #D3BAFB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #D3BAFB 7%, #BDF0FC 86%);

 

HEX #BDF0FC まで HEX #FBC6BA


CSSコード:

background-image: linear-gradient(135deg, #BDF0FC 11%, #FBC6BA 97%);

 

HEX #BDF0FC まで HEX #FBC6BA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 13%, #FBC6BA 96%);

 

HEX #FBC6BA まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #FBC6BA 2%, #BDF0FC 87%);

 

HEX #FBC6BA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #FBC6BA 4%, #BDF0FC 86%);

 

HEX #BDF0FC まで HEX #E2FBBA


CSSコード:

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

 

HEX #BDF0FC まで HEX #E2FBBA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 2%, #E2FBBA 100%);

 

HEX #E2FBBA まで HEX #BDF0FC


CSSコード:

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

 

HEX #E2FBBA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #E2FBBA 14%, #BDF0FC 96%);

リニア

HEX #BDF0FC まで HEX #E7BAFB


CSSコード:

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

ラジアル

HEX #BDF0FC まで HEX #E7BAFB


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 10%, #E7BAFB 96%);

 

HEX #E7BAFB まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #E7BAFB 9%, #BDF0FC 88%);

 

HEX #E7BAFB まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #E7BAFB 7%, #BDF0FC 93%);

 

HEX #BDF0FC まで HEX #FBC6BA


CSSコード:

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

 

HEX #BDF0FC まで HEX #FBC6BA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 10%, #FBC6BA 90%);

 

HEX #FBC6BA まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #FBC6BA 11%, #BDF0FC 91%);

 

HEX #FBC6BA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #FBC6BA 13%, #BDF0FC 93%);

 

HEX #BDF0FC まで HEX #CFFBBA


CSSコード:

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

 

HEX #BDF0FC まで HEX #CFFBBA


CSSコード:

background-image: radial-gradient(circle, #BDF0FC 13%, #CFFBBA 89%);

 

HEX #CFFBBA まで HEX #BDF0FC


CSSコード:

background-image: linear-gradient(135deg, #CFFBBA 5%, #BDF0FC 87%);

 

HEX #CFFBBA まで HEX #BDF0FC


CSSコード:

background-image: radial-gradient(circle, #CFFBBA 2%, #BDF0FC 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)

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

アカウントにログイン

または

アカウントを作成する

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

キャンセル シェア

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

シェア

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

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

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

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

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

すべて削除

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

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