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

CSS グラデーション:
CMYK 0 / 65 / 58 / 0

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、赤が他の色より際立っています。赤の色相の値が他の2つの値より大きくなっています。緑と青の色相のために、値よりもはるかに際立っているのです。 色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FF596B まで HEX #00A694


CSSコード:

background-image: linear-gradient(135deg, #FF596B 1%, #00A694 88%);

ラジアル

HEX #FF596B まで HEX #00A694


CSSコード:

background-image: radial-gradient(circle, #FF596B 0%, #00A694 94%);

 

HEX #00A694 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #00A694 10%, #FF596B 96%);

 

HEX #00A694 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #00A694 9%, #FF596B 98%);

リニア

HEX #FF596B まで HEX #FF6B79


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #FF6B79


CSSコード:

background-image: radial-gradient(circle, #FF596B 5%, #FF6B79 93%);

 

HEX #FF6B79 まで HEX #FF596B


CSSコード:

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

 

HEX #FF6B79 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF6B79 8%, #FF596B 89%);

 

HEX #FF596B まで HEX #FF7D8C


CSSコード:

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

 

HEX #FF596B まで HEX #FF7D8C


CSSコード:

background-image: radial-gradient(circle, #FF596B 12%, #FF7D8C 87%);

 

HEX #FF7D8C まで HEX #FF596B


CSSコード:

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

 

HEX #FF7D8C まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF7D8C 2%, #FF596B 100%);

 

HEX #FF596B まで HEX #FF8F9F


CSSコード:

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

 

HEX #FF596B まで HEX #FF8F9F


CSSコード:

background-image: radial-gradient(circle, #FF596B 6%, #FF8F9F 100%);

 

HEX #FF8F9F まで HEX #FF596B


CSSコード:

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

 

HEX #FF8F9F まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF8F9F 1%, #FF596B 87%);

 

HEX #FF596B まで HEX #FFA1B2


CSSコード:

background-image: linear-gradient(135deg, #FF596B 8%, #FFA1B2 100%);

 

HEX #FF596B まで HEX #FFA1B2


CSSコード:

background-image: radial-gradient(circle, #FF596B 6%, #FFA1B2 95%);

 

HEX #FFA1B2 まで HEX #FF596B


CSSコード:

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

 

HEX #FFA1B2 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FFA1B2 5%, #FF596B 89%);

リニア

HEX #FF596B まで HEX #EE4758


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #EE4758


CSSコード:

background-image: radial-gradient(circle, #FF596B 6%, #EE4758 88%);

 

HEX #EE4758 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #EE4758 7%, #FF596B 94%);

 

HEX #EE4758 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #EE4758 0%, #FF596B 92%);

 

HEX #FF596B まで HEX #DD3545


CSSコード:

background-image: linear-gradient(135deg, #FF596B 4%, #DD3545 95%);

 

HEX #FF596B まで HEX #DD3545


CSSコード:

background-image: radial-gradient(circle, #FF596B 9%, #DD3545 87%);

 

HEX #DD3545 まで HEX #FF596B


CSSコード:

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

 

HEX #DD3545 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #DD3545 2%, #FF596B 89%);

 

HEX #FF596B まで HEX #CC2332


CSSコード:

background-image: linear-gradient(135deg, #FF596B 2%, #CC2332 95%);

 

HEX #FF596B まで HEX #CC2332


CSSコード:

background-image: radial-gradient(circle, #FF596B 3%, #CC2332 93%);

 

HEX #CC2332 まで HEX #FF596B


CSSコード:

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

 

HEX #CC2332 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #CC2332 7%, #FF596B 95%);

 

HEX #FF596B まで HEX #BB111F


CSSコード:

background-image: linear-gradient(135deg, #FF596B 2%, #BB111F 95%);

 

HEX #FF596B まで HEX #BB111F


CSSコード:

background-image: radial-gradient(circle, #FF596B 11%, #BB111F 98%);

 

HEX #BB111F まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #BB111F 1%, #FF596B 99%);

 

HEX #BB111F まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #BB111F 10%, #FF596B 86%);

リニア

HEX #FF596B まで HEX #FF5F56


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #FF5F56


CSSコード:

background-image: radial-gradient(circle, #FF596B 0%, #FF5F56 91%);

 

HEX #FF5F56 まで HEX #FF596B


CSSコード:

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

 

HEX #FF5F56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF5F56 8%, #FF596B 100%);

 

HEX #FF596B まで HEX #FF7B56


CSSコード:

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

 

HEX #FF596B まで HEX #FF7B56


CSSコード:

background-image: radial-gradient(circle, #FF596B 11%, #FF7B56 93%);

 

HEX #FF7B56 まで HEX #FF596B


CSSコード:

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

 

HEX #FF7B56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF7B56 12%, #FF596B 98%);

 

HEX #FF596B まで HEX #FF9756


CSSコード:

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

 

HEX #FF596B まで HEX #FF9756


CSSコード:

background-image: radial-gradient(circle, #FF596B 13%, #FF9756 92%);

 

HEX #FF9756 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #FF9756 1%, #FF596B 100%);

 

HEX #FF9756 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FF9756 3%, #FF596B 89%);

 

HEX #FF596B まで HEX #FFB356


CSSコード:

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

 

HEX #FF596B まで HEX #FFB356


CSSコード:

background-image: radial-gradient(circle, #FF596B 2%, #FFB356 95%);

 

HEX #FFB356 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #FFB356 13%, #FF596B 89%);

 

HEX #FFB356 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #FFB356 11%, #FF596B 94%);

リニア

HEX #FF596B まで HEX #331215


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #331215


CSSコード:

background-image: radial-gradient(circle, #FF596B 5%, #331215 90%);

 

HEX #331215 まで HEX #FF596B


CSSコード:

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

 

HEX #331215 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #331215 6%, #FF596B 99%);

 

HEX #FF596B まで HEX #66242B


CSSコード:

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

 

HEX #FF596B まで HEX #66242B


CSSコード:

background-image: radial-gradient(circle, #FF596B 11%, #66242B 94%);

 

HEX #66242B まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #66242B 13%, #FF596B 86%);

 

HEX #66242B まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #66242B 12%, #FF596B 99%);

 

HEX #FF596B まで HEX #993540


CSSコード:

background-image: linear-gradient(135deg, #FF596B 8%, #993540 100%);

 

HEX #FF596B まで HEX #993540


CSSコード:

background-image: radial-gradient(circle, #FF596B 3%, #993540 95%);

 

HEX #993540 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #993540 12%, #FF596B 95%);

 

HEX #993540 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #993540 4%, #FF596B 87%);

 

HEX #FF596B まで HEX #CC4756


CSSコード:

background-image: linear-gradient(135deg, #FF596B 1%, #CC4756 98%);

 

HEX #FF596B まで HEX #CC4756


CSSコード:

background-image: radial-gradient(circle, #FF596B 11%, #CC4756 92%);

 

HEX #CC4756 まで HEX #FF596B


CSSコード:

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

 

HEX #CC4756 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #CC4756 2%, #FF596B 93%);

リニア

HEX #FF596B まで HEX #F0FF56


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #F0FF56


CSSコード:

background-image: radial-gradient(circle, #FF596B 14%, #F0FF56 97%);

 

HEX #F0FF56 まで HEX #FF596B


CSSコード:

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

 

HEX #F0FF56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #F0FF56 11%, #FF596B 90%);

 

HEX #FF596B まで HEX #56ADFF


CSSコード:

background-image: linear-gradient(135deg, #FF596B 4%, #56ADFF 94%);

 

HEX #FF596B まで HEX #56ADFF


CSSコード:

background-image: radial-gradient(circle, #FF596B 4%, #56ADFF 96%);

 

HEX #56ADFF まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #56ADFF 2%, #FF596B 91%);

 

HEX #56ADFF まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #56ADFF 1%, #FF596B 87%);

リニア

HEX #FF596B まで HEX #6AFF56


CSSコード:

background-image: linear-gradient(135deg, #FF596B 1%, #6AFF56 96%);

ラジアル

HEX #FF596B まで HEX #6AFF56


CSSコード:

background-image: radial-gradient(circle, #FF596B 7%, #6AFF56 92%);

 

HEX #6AFF56 まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #6AFF56 13%, #FF596B 93%);

 

HEX #6AFF56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #6AFF56 8%, #FF596B 96%);

 

HEX #FF596B まで HEX #566AFF


CSSコード:

background-image: linear-gradient(135deg, #FF596B 6%, #566AFF 99%);

 

HEX #FF596B まで HEX #566AFF


CSSコード:

background-image: radial-gradient(circle, #FF596B 6%, #566AFF 92%);

 

HEX #566AFF まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #566AFF 5%, #FF596B 87%);

 

HEX #566AFF まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #566AFF 4%, #FF596B 98%);

リニア

HEX #FF596B まで HEX #F0FF56


CSSコード:

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

ラジアル

HEX #FF596B まで HEX #F0FF56


CSSコード:

background-image: radial-gradient(circle, #FF596B 0%, #F0FF56 96%);

 

HEX #F0FF56 まで HEX #FF596B


CSSコード:

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

 

HEX #F0FF56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #F0FF56 0%, #FF596B 92%);

 

HEX #FF596B まで HEX #56FFEB


CSSコード:

background-image: linear-gradient(135deg, #FF596B 8%, #56FFEB 96%);

 

HEX #FF596B まで HEX #56FFEB


CSSコード:

background-image: radial-gradient(circle, #FF596B 5%, #56FFEB 98%);

 

HEX #56FFEB まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #56FFEB 8%, #FF596B 99%);

 

HEX #56FFEB まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #56FFEB 3%, #FF596B 87%);

 

HEX #FF596B まで HEX #6456FF


CSSコード:

background-image: linear-gradient(135deg, #FF596B 5%, #6456FF 86%);

 

HEX #FF596B まで HEX #6456FF


CSSコード:

background-image: radial-gradient(circle, #FF596B 8%, #6456FF 86%);

 

HEX #6456FF まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #6456FF 8%, #FF596B 98%);

 

HEX #6456FF まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #6456FF 8%, #FF596B 96%);

リニア

HEX #FF596B まで HEX #BEFF56


CSSコード:

background-image: linear-gradient(135deg, #FF596B 6%, #BEFF56 95%);

ラジアル

HEX #FF596B まで HEX #BEFF56


CSSコード:

background-image: radial-gradient(circle, #FF596B 8%, #BEFF56 91%);

 

HEX #BEFF56 まで HEX #FF596B


CSSコード:

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

 

HEX #BEFF56 まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #BEFF56 14%, #FF596B 88%);

 

HEX #FF596B まで HEX #56FFEB


CSSコード:

background-image: linear-gradient(135deg, #FF596B 4%, #56FFEB 90%);

 

HEX #FF596B まで HEX #56FFEB


CSSコード:

background-image: radial-gradient(circle, #FF596B 5%, #56FFEB 88%);

 

HEX #56FFEB まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #56FFEB 0%, #FF596B 89%);

 

HEX #56FFEB まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #56FFEB 11%, #FF596B 95%);

 

HEX #FF596B まで HEX #9756FF


CSSコード:

background-image: linear-gradient(135deg, #FF596B 1%, #9756FF 97%);

 

HEX #FF596B まで HEX #9756FF


CSSコード:

background-image: radial-gradient(circle, #FF596B 12%, #9756FF 98%);

 

HEX #9756FF まで HEX #FF596B


CSSコード:

background-image: linear-gradient(135deg, #9756FF 9%, #FF596B 97%);

 

HEX #9756FF まで HEX #FF596B


CSSコード:

background-image: radial-gradient(circle, #9756FF 6%, #FF596B 95%);

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

サービス内容

カラー

ラグビー に 呪咀

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