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

CSS グラデーション:
CMYK 6 / 20 / 0 / 13

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #D1B1DE まで HEX #2E4E21


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 1%, #2E4E21 99%);

ラジアル

HEX #D1B1DE まで HEX #2E4E21


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 2%, #2E4E21 95%);

 

HEX #2E4E21 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #2E4E21 12%, #D1B1DE 98%);

 

HEX #2E4E21 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #2E4E21 3%, #D1B1DE 92%);

リニア

HEX #D1B1DE まで HEX #E7C3EC


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 0%, #E7C3EC 87%);

ラジアル

HEX #D1B1DE まで HEX #E7C3EC


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 0%, #E7C3EC 92%);

 

HEX #E7C3EC まで HEX #D1B1DE


CSSコード:

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

 

HEX #E7C3EC まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #E7C3EC 5%, #D1B1DE 95%);

 

HEX #D1B1DE まで HEX #F8D5FF


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 11%, #F8D5FF 96%);

 

HEX #D1B1DE まで HEX #F8D5FF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 3%, #F8D5FF 99%);

 

HEX #F8D5FF まで HEX #D1B1DE


CSSコード:

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

 

HEX #F8D5FF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #F8D5FF 14%, #D1B1DE 89%);

 

HEX #D1B1DE まで HEX #FFE7FF


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 5%, #FFE7FF 96%);

 

HEX #D1B1DE まで HEX #FFE7FF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 10%, #FFE7FF 99%);

 

HEX #FFE7FF まで HEX #D1B1DE


CSSコード:

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

 

HEX #FFE7FF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #FFE7FF 5%, #D1B1DE 91%);

 

HEX #D1B1DE まで HEX #FFF9FF


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 4%, #FFF9FF 90%);

 

HEX #D1B1DE まで HEX #FFF9FF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 10%, #FFF9FF 90%);

 

HEX #FFF9FF まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #FFF9FF 13%, #D1B1DE 91%);

 

HEX #FFF9FF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #FFF9FF 14%, #D1B1DE 86%);

リニア

HEX #D1B1DE まで HEX #C09FCB


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 5%, #C09FCB 98%);

ラジアル

HEX #D1B1DE まで HEX #C09FCB


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 14%, #C09FCB 87%);

 

HEX #C09FCB まで HEX #D1B1DE


CSSコード:

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

 

HEX #C09FCB まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #C09FCB 2%, #D1B1DE 99%);

 

HEX #D1B1DE まで HEX #AF8DB8


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 5%, #AF8DB8 96%);

 

HEX #D1B1DE まで HEX #AF8DB8


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 1%, #AF8DB8 88%);

 

HEX #AF8DB8 まで HEX #D1B1DE


CSSコード:

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

 

HEX #AF8DB8 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #AF8DB8 0%, #D1B1DE 94%);

 

HEX #D1B1DE まで HEX #9E7BA5


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 8%, #9E7BA5 96%);

 

HEX #D1B1DE まで HEX #9E7BA5


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 11%, #9E7BA5 97%);

 

HEX #9E7BA5 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #9E7BA5 14%, #D1B1DE 89%);

 

HEX #9E7BA5 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #9E7BA5 10%, #D1B1DE 95%);

 

HEX #D1B1DE まで HEX #8D6992


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 7%, #8D6992 88%);

 

HEX #D1B1DE まで HEX #8D6992


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 12%, #8D6992 99%);

 

HEX #8D6992 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #8D6992 14%, #D1B1DE 97%);

 

HEX #8D6992 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #8D6992 7%, #D1B1DE 93%);

リニア

HEX #D1B1DE まで HEX #D7AFDD


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 12%, #D7AFDD 93%);

ラジアル

HEX #D1B1DE まで HEX #D7AFDD


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 8%, #D7AFDD 90%);

 

HEX #D7AFDD まで HEX #D1B1DE


CSSコード:

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

 

HEX #D7AFDD まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #D7AFDD 1%, #D1B1DE 99%);

 

HEX #D1B1DE まで HEX #DDAFDC


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 10%, #DDAFDC 97%);

 

HEX #D1B1DE まで HEX #DDAFDC


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 0%, #DDAFDC 91%);

 

HEX #DDAFDC まで HEX #D1B1DE


CSSコード:

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

 

HEX #DDAFDC まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDAFDC 11%, #D1B1DE 97%);

 

HEX #D1B1DE まで HEX #DDAFD4


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 9%, #DDAFD4 92%);

 

HEX #D1B1DE まで HEX #DDAFD4


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 10%, #DDAFD4 93%);

 

HEX #DDAFD4 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #DDAFD4 9%, #D1B1DE 92%);

 

HEX #DDAFD4 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDAFD4 1%, #D1B1DE 94%);

 

HEX #D1B1DE まで HEX #DDAFCD


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 11%, #DDAFCD 89%);

 

HEX #D1B1DE まで HEX #DDAFCD


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 5%, #DDAFCD 100%);

 

HEX #DDAFCD まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #DDAFCD 8%, #D1B1DE 92%);

 

HEX #DDAFCD まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDAFCD 7%, #D1B1DE 92%);

リニア

HEX #D1B1DE まで HEX #110E12


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 14%, #110E12 98%);

ラジアル

HEX #D1B1DE まで HEX #110E12


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 0%, #110E12 91%);

 

HEX #110E12 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #110E12 7%, #D1B1DE 89%);

 

HEX #110E12 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #110E12 9%, #D1B1DE 93%);

 

HEX #D1B1DE まで HEX #413745


CSSコード:

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

 

HEX #D1B1DE まで HEX #413745


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 14%, #413745 97%);

 

HEX #413745 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #413745 12%, #D1B1DE 89%);

 

HEX #413745 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #413745 0%, #D1B1DE 91%);

 

HEX #D1B1DE まで HEX #716078


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 5%, #716078 92%);

 

HEX #D1B1DE まで HEX #716078


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 7%, #716078 91%);

 

HEX #716078 まで HEX #D1B1DE


CSSコード:

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

 

HEX #716078 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #716078 9%, #D1B1DE 100%);

 

HEX #D1B1DE まで HEX #A188AB


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 7%, #A188AB 95%);

 

HEX #D1B1DE まで HEX #A188AB


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 6%, #A188AB 90%);

 

HEX #A188AB まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #A188AB 11%, #D1B1DE 90%);

 

HEX #A188AB まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #A188AB 8%, #D1B1DE 99%);

リニア

HEX #D1B1DE まで HEX #DDAFB4


CSSコード:

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

ラジアル

HEX #D1B1DE まで HEX #DDAFB4


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 12%, #DDAFB4 99%);

 

HEX #DDAFB4 まで HEX #D1B1DE


CSSコード:

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

 

HEX #DDAFB4 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDAFB4 12%, #D1B1DE 88%);

 

HEX #D1B1DE まで HEX #AFDDBD


CSSコード:

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

 

HEX #D1B1DE まで HEX #AFDDBD


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 0%, #AFDDBD 97%);

 

HEX #AFDDBD まで HEX #D1B1DE


CSSコード:

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

 

HEX #AFDDBD まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #AFDDBD 1%, #D1B1DE 94%);

リニア

HEX #D1B1DE まで HEX #DDD0AF


CSSコード:

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

ラジアル

HEX #D1B1DE まで HEX #DDD0AF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 3%, #DDD0AF 95%);

 

HEX #DDD0AF まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #DDD0AF 12%, #D1B1DE 92%);

 

HEX #DDD0AF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDD0AF 0%, #D1B1DE 90%);

 

HEX #D1B1DE まで HEX #AFDDD0


CSSコード:

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

 

HEX #D1B1DE まで HEX #AFDDD0


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 9%, #AFDDD0 96%);

 

HEX #AFDDD0 まで HEX #D1B1DE


CSSコード:

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

 

HEX #AFDDD0 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #AFDDD0 14%, #D1B1DE 87%);

リニア

HEX #D1B1DE まで HEX #DDAFB4


CSSコード:

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

ラジアル

HEX #D1B1DE まで HEX #DDAFB4


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 0%, #DDAFB4 96%);

 

HEX #DDAFB4 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #DDAFB4 6%, #D1B1DE 96%);

 

HEX #DDAFB4 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDAFB4 8%, #D1B1DE 100%);

 

HEX #D1B1DE まで HEX #BDDDAF


CSSコード:

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

 

HEX #D1B1DE まで HEX #BDDDAF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 10%, #BDDDAF 97%);

 

HEX #BDDDAF まで HEX #D1B1DE


CSSコード:

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

 

HEX #BDDDAF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #BDDDAF 8%, #D1B1DE 88%);

 

HEX #D1B1DE まで HEX #AFDDD9


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 12%, #AFDDD9 93%);

 

HEX #D1B1DE まで HEX #AFDDD9


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 5%, #AFDDD9 92%);

 

HEX #AFDDD9 まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #AFDDD9 0%, #D1B1DE 93%);

 

HEX #AFDDD9 まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #AFDDD9 3%, #D1B1DE 99%);

リニア

HEX #D1B1DE まで HEX #DDB9AF


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 1%, #DDB9AF 90%);

ラジアル

HEX #D1B1DE まで HEX #DDB9AF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 14%, #DDB9AF 93%);

 

HEX #DDB9AF まで HEX #D1B1DE


CSSコード:

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

 

HEX #DDB9AF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #DDB9AF 10%, #D1B1DE 98%);

 

HEX #D1B1DE まで HEX #BDDDAF


CSSコード:

background-image: linear-gradient(135deg, #D1B1DE 13%, #BDDDAF 90%);

 

HEX #D1B1DE まで HEX #BDDDAF


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 9%, #BDDDAF 97%);

 

HEX #BDDDAF まで HEX #D1B1DE


CSSコード:

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

 

HEX #BDDDAF まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #BDDDAF 8%, #D1B1DE 96%);

 

HEX #D1B1DE まで HEX #AFD4DD


CSSコード:

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

 

HEX #D1B1DE まで HEX #AFD4DD


CSSコード:

background-image: radial-gradient(circle, #D1B1DE 13%, #AFD4DD 99%);

 

HEX #AFD4DD まで HEX #D1B1DE


CSSコード:

background-image: linear-gradient(135deg, #AFD4DD 1%, #D1B1DE 88%);

 

HEX #AFD4DD まで HEX #D1B1DE


CSSコード:

background-image: radial-gradient(circle, #AFD4DD 13%, #D1B1DE 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

カミーユ に 呪咀

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

カミーユ に ラグビー

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

カミーユ に ラグバ

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

カミーユ に ラル®

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

カミーユ に 豚足®

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

カミーユ に パントン®

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

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

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

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

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

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

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

エヌシーエス® に ラグバ

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

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

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

Icons

エヌシーエス® に 呪咀

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

エヌシーエス® に ラル®

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

エヌシーエス® に 豚足®

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

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

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