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

✕

CSS グラデーション:
RGB 221 213 145

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DDD591 まで HEX #222A6E


CSSコード:

background-image: linear-gradient(135deg, #DDD591 2%, #222A6E 91%);

ラジアル

HEX #DDD591 まで HEX #222A6E


CSSコード:

background-image: radial-gradient(circle, #DDD591 0%, #222A6E 87%);

 

HEX #222A6E まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #222A6E 1%, #DDD591 91%);

 

HEX #222A6E まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #222A6E 6%, #DDD591 94%);

リニア

HEX #DDD591 まで HEX #F3E79F


CSSコード:

background-image: linear-gradient(135deg, #DDD591 10%, #F3E79F 87%);

ラジアル

HEX #DDD591 まで HEX #F3E79F


CSSコード:

background-image: radial-gradient(circle, #DDD591 2%, #F3E79F 100%);

 

HEX #F3E79F まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #F3E79F 3%, #DDD591 99%);

 

HEX #F3E79F まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #F3E79F 0%, #DDD591 88%);

 

HEX #DDD591 まで HEX #FFF9B2


CSSコード:

background-image: linear-gradient(135deg, #DDD591 6%, #FFF9B2 98%);

 

HEX #DDD591 まで HEX #FFF9B2


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #FFF9B2 94%);

 

HEX #FFF9B2 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #FFF9B2 13%, #DDD591 87%);

 

HEX #FFF9B2 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #FFF9B2 1%, #DDD591 92%);

 

HEX #DDD591 まで HEX #FFFFC5


CSSコード:

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

 

HEX #DDD591 まで HEX #FFFFC5


CSSコード:

background-image: radial-gradient(circle, #DDD591 3%, #FFFFC5 95%);

 

HEX #FFFFC5 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #FFFFC5 4%, #DDD591 94%);

 

HEX #FFFFC5 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #FFFFC5 7%, #DDD591 97%);

 

HEX #DDD591 まで HEX #FFFFD8


CSSコード:

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

 

HEX #DDD591 まで HEX #FFFFD8


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #FFFFD8 88%);

 

HEX #FFFFD8 まで HEX #DDD591


CSSコード:

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

 

HEX #FFFFD8 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #FFFFD8 6%, #DDD591 100%);

リニア

HEX #DDD591 まで HEX #CCC37E


CSSコード:

background-image: linear-gradient(135deg, #DDD591 0%, #CCC37E 94%);

ラジアル

HEX #DDD591 まで HEX #CCC37E


CSSコード:

background-image: radial-gradient(circle, #DDD591 8%, #CCC37E 96%);

 

HEX #CCC37E まで HEX #DDD591


CSSコード:

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

 

HEX #CCC37E まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #CCC37E 14%, #DDD591 90%);

 

HEX #DDD591 まで HEX #BBB16B


CSSコード:

background-image: linear-gradient(135deg, #DDD591 12%, #BBB16B 87%);

 

HEX #DDD591 まで HEX #BBB16B


CSSコード:

background-image: radial-gradient(circle, #DDD591 14%, #BBB16B 87%);

 

HEX #BBB16B まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #BBB16B 10%, #DDD591 100%);

 

HEX #BBB16B まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #BBB16B 12%, #DDD591 92%);

 

HEX #DDD591 まで HEX #AA9F58


CSSコード:

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

 

HEX #DDD591 まで HEX #AA9F58


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #AA9F58 95%);

 

HEX #AA9F58 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #AA9F58 11%, #DDD591 92%);

 

HEX #AA9F58 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #AA9F58 10%, #DDD591 96%);

 

HEX #DDD591 まで HEX #998D45


CSSコード:

background-image: linear-gradient(135deg, #DDD591 11%, #998D45 94%);

 

HEX #DDD591 まで HEX #998D45


CSSコード:

background-image: radial-gradient(circle, #DDD591 6%, #998D45 89%);

 

HEX #998D45 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #998D45 7%, #DDD591 87%);

 

HEX #998D45 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #998D45 6%, #DDD591 93%);

リニア

HEX #DDD591 まで HEX #D9DD91


CSSコード:

background-image: linear-gradient(135deg, #DDD591 14%, #D9DD91 88%);

ラジアル

HEX #DDD591 まで HEX #D9DD91


CSSコード:

background-image: radial-gradient(circle, #DDD591 6%, #D9DD91 88%);

 

HEX #D9DD91 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #D9DD91 12%, #DDD591 100%);

 

HEX #D9DD91 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #D9DD91 10%, #DDD591 93%);

 

HEX #DDD591 まで HEX #CDDD91


CSSコード:

background-image: linear-gradient(135deg, #DDD591 11%, #CDDD91 95%);

 

HEX #DDD591 まで HEX #CDDD91


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #CDDD91 96%);

 

HEX #CDDD91 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #CDDD91 7%, #DDD591 100%);

 

HEX #CDDD91 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #CDDD91 8%, #DDD591 88%);

 

HEX #DDD591 まで HEX #C0DD91


CSSコード:

background-image: linear-gradient(135deg, #DDD591 14%, #C0DD91 94%);

 

HEX #DDD591 まで HEX #C0DD91


CSSコード:

background-image: radial-gradient(circle, #DDD591 0%, #C0DD91 95%);

 

HEX #C0DD91 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #C0DD91 6%, #DDD591 87%);

 

HEX #C0DD91 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #C0DD91 4%, #DDD591 89%);

 

HEX #DDD591 まで HEX #B3DD91


CSSコード:

background-image: linear-gradient(135deg, #DDD591 13%, #B3DD91 95%);

 

HEX #DDD591 まで HEX #B3DD91


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #B3DD91 99%);

 

HEX #B3DD91 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #B3DD91 14%, #DDD591 95%);

 

HEX #B3DD91 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #B3DD91 12%, #DDD591 87%);

リニア

HEX #DDD591 まで HEX #11100B


CSSコード:

background-image: linear-gradient(135deg, #DDD591 13%, #11100B 88%);

ラジアル

HEX #DDD591 まで HEX #11100B


CSSコード:

background-image: radial-gradient(circle, #DDD591 10%, #11100B 99%);

 

HEX #11100B まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #11100B 4%, #DDD591 91%);

 

HEX #11100B まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #11100B 7%, #DDD591 89%);

 

HEX #DDD591 まで HEX #44422D


CSSコード:

background-image: linear-gradient(135deg, #DDD591 12%, #44422D 93%);

 

HEX #DDD591 まで HEX #44422D


CSSコード:

background-image: radial-gradient(circle, #DDD591 0%, #44422D 96%);

 

HEX #44422D まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #44422D 7%, #DDD591 87%);

 

HEX #44422D まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #44422D 8%, #DDD591 100%);

 

HEX #DDD591 まで HEX #77734E


CSSコード:

background-image: linear-gradient(135deg, #DDD591 3%, #77734E 92%);

 

HEX #DDD591 まで HEX #77734E


CSSコード:

background-image: radial-gradient(circle, #DDD591 6%, #77734E 95%);

 

HEX #77734E まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #77734E 2%, #DDD591 95%);

 

HEX #77734E まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #77734E 0%, #DDD591 100%);

 

HEX #DDD591 まで HEX #AAA470


CSSコード:

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

 

HEX #DDD591 まで HEX #AAA470


CSSコード:

background-image: radial-gradient(circle, #DDD591 7%, #AAA470 96%);

 

HEX #AAA470 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #AAA470 8%, #DDD591 93%);

 

HEX #AAA470 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #AAA470 12%, #DDD591 86%);

リニア

HEX #DDD591 まで HEX #91DD98


CSSコード:

background-image: linear-gradient(135deg, #DDD591 0%, #91DD98 88%);

ラジアル

HEX #DDD591 まで HEX #91DD98


CSSコード:

background-image: radial-gradient(circle, #DDD591 11%, #91DD98 88%);

 

HEX #91DD98 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #91DD98 4%, #DDD591 90%);

 

HEX #91DD98 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #91DD98 13%, #DDD591 99%);

 

HEX #DDD591 まで HEX #B691DD


CSSコード:

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

 

HEX #DDD591 まで HEX #B691DD


CSSコード:

background-image: radial-gradient(circle, #DDD591 14%, #B691DD 96%);

 

HEX #B691DD まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #B691DD 12%, #DDD591 94%);

 

HEX #B691DD まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #B691DD 8%, #DDD591 89%);

リニア

HEX #DDD591 まで HEX #91DDD4


CSSコード:

background-image: linear-gradient(135deg, #DDD591 9%, #91DDD4 95%);

ラジアル

HEX #DDD591 まで HEX #91DDD4


CSSコード:

background-image: radial-gradient(circle, #DDD591 13%, #91DDD4 94%);

 

HEX #91DDD4 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #91DDD4 2%, #DDD591 89%);

 

HEX #91DDD4 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #91DDD4 8%, #DDD591 98%);

 

HEX #DDD591 まで HEX #D491DD


CSSコード:

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

 

HEX #DDD591 まで HEX #D491DD


CSSコード:

background-image: radial-gradient(circle, #DDD591 2%, #D491DD 86%);

 

HEX #D491DD まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #D491DD 13%, #DDD591 97%);

 

HEX #D491DD まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #D491DD 5%, #DDD591 86%);

リニア

HEX #DDD591 まで HEX #91DD98


CSSコード:

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

ラジアル

HEX #DDD591 まで HEX #91DD98


CSSコード:

background-image: radial-gradient(circle, #DDD591 5%, #91DD98 86%);

 

HEX #91DD98 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #91DD98 8%, #DDD591 87%);

 

HEX #91DD98 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #91DD98 2%, #DDD591 88%);

 

HEX #DDD591 まで HEX #919ADD


CSSコード:

background-image: linear-gradient(135deg, #DDD591 2%, #919ADD 89%);

 

HEX #DDD591 まで HEX #919ADD


CSSコード:

background-image: radial-gradient(circle, #DDD591 13%, #919ADD 100%);

 

HEX #919ADD まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #919ADD 10%, #DDD591 92%);

 

HEX #919ADD まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #919ADD 5%, #DDD591 88%);

 

HEX #DDD591 まで HEX #DD91D7


CSSコード:

background-image: linear-gradient(135deg, #DDD591 14%, #DD91D7 87%);

 

HEX #DDD591 まで HEX #DD91D7


CSSコード:

background-image: radial-gradient(circle, #DDD591 9%, #DD91D7 100%);

 

HEX #DD91D7 まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #DD91D7 3%, #DDD591 100%);

 

HEX #DD91D7 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #DD91D7 11%, #DDD591 100%);

リニア

HEX #DDD591 まで HEX #91DDAE


CSSコード:

background-image: linear-gradient(135deg, #DDD591 12%, #91DDAE 97%);

ラジアル

HEX #DDD591 まで HEX #91DDAE


CSSコード:

background-image: radial-gradient(circle, #DDD591 1%, #91DDAE 90%);

 

HEX #91DDAE まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #91DDAE 8%, #DDD591 88%);

 

HEX #91DDAE まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #91DDAE 5%, #DDD591 96%);

 

HEX #DDD591 まで HEX #919ADD


CSSコード:

background-image: linear-gradient(135deg, #DDD591 14%, #919ADD 96%);

 

HEX #DDD591 まで HEX #919ADD


CSSコード:

background-image: radial-gradient(circle, #DDD591 2%, #919ADD 90%);

 

HEX #919ADD まで HEX #DDD591


CSSコード:

background-image: linear-gradient(135deg, #919ADD 2%, #DDD591 86%);

 

HEX #919ADD まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #919ADD 6%, #DDD591 88%);

 

HEX #DDD591 まで HEX #DD91C0


CSSコード:

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

 

HEX #DDD591 まで HEX #DD91C0


CSSコード:

background-image: radial-gradient(circle, #DDD591 6%, #DD91C0 93%);

 

HEX #DD91C0 まで HEX #DDD591


CSSコード:

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

 

HEX #DD91C0 まで HEX #DDD591


CSSコード:

background-image: radial-gradient(circle, #DD91C0 14%, #DDD591 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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de