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

CSS グラデーション:
CMYK 93 / 0 / 88 / 29

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #0DB516 まで HEX #F24AE9


CSSコード:

background-image: linear-gradient(135deg, #0DB516 8%, #F24AE9 100%);

ラジアル

HEX #0DB516 まで HEX #F24AE9


CSSコード:

background-image: radial-gradient(circle, #0DB516 13%, #F24AE9 92%);

 

HEX #F24AE9 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #F24AE9 5%, #0DB516 99%);

 

HEX #F24AE9 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #F24AE9 14%, #0DB516 97%);

リニア

HEX #0DB516 まで HEX #23C724


CSSコード:

background-image: linear-gradient(135deg, #0DB516 7%, #23C724 96%);

ラジアル

HEX #0DB516 まで HEX #23C724


CSSコード:

background-image: radial-gradient(circle, #0DB516 12%, #23C724 95%);

 

HEX #23C724 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #23C724 6%, #0DB516 95%);

 

HEX #23C724 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #23C724 7%, #0DB516 98%);

 

HEX #0DB516 まで HEX #34D937


CSSコード:

background-image: linear-gradient(135deg, #0DB516 0%, #34D937 92%);

 

HEX #0DB516 まで HEX #34D937


CSSコード:

background-image: radial-gradient(circle, #0DB516 13%, #34D937 100%);

 

HEX #34D937 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #34D937 1%, #0DB516 96%);

 

HEX #34D937 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #34D937 4%, #0DB516 94%);

 

HEX #0DB516 まで HEX #45EB4A


CSSコード:

background-image: linear-gradient(135deg, #0DB516 12%, #45EB4A 90%);

 

HEX #0DB516 まで HEX #45EB4A


CSSコード:

background-image: radial-gradient(circle, #0DB516 7%, #45EB4A 98%);

 

HEX #45EB4A まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #45EB4A 3%, #0DB516 87%);

 

HEX #45EB4A まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #45EB4A 12%, #0DB516 88%);

 

HEX #0DB516 まで HEX #56FD5D


CSSコード:

background-image: linear-gradient(135deg, #0DB516 10%, #56FD5D 90%);

 

HEX #0DB516 まで HEX #56FD5D


CSSコード:

background-image: radial-gradient(circle, #0DB516 4%, #56FD5D 89%);

 

HEX #56FD5D まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #56FD5D 6%, #0DB516 87%);

 

HEX #56FD5D まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #56FD5D 11%, #0DB516 86%);

リニア

HEX #0DB516 まで HEX #00A303


CSSコード:

background-image: linear-gradient(135deg, #0DB516 14%, #00A303 91%);

ラジアル

HEX #0DB516 まで HEX #00A303


CSSコード:

background-image: radial-gradient(circle, #0DB516 13%, #00A303 88%);

 

HEX #00A303 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #00A303 1%, #0DB516 88%);

 

HEX #00A303 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #00A303 4%, #0DB516 97%);

 

HEX #0DB516 まで HEX #009100


CSSコード:

background-image: linear-gradient(135deg, #0DB516 1%, #009100 90%);

 

HEX #0DB516 まで HEX #009100


CSSコード:

background-image: radial-gradient(circle, #0DB516 8%, #009100 94%);

 

HEX #009100 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #009100 2%, #0DB516 86%);

 

HEX #009100 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #009100 10%, #0DB516 95%);

 

HEX #0DB516 まで HEX #007F00


CSSコード:

background-image: linear-gradient(135deg, #0DB516 13%, #007F00 95%);

 

HEX #0DB516 まで HEX #007F00


CSSコード:

background-image: radial-gradient(circle, #0DB516 6%, #007F00 98%);

 

HEX #007F00 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #007F00 12%, #0DB516 96%);

 

HEX #007F00 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #007F00 10%, #0DB516 93%);

 

HEX #0DB516 まで HEX #006D00


CSSコード:

background-image: linear-gradient(135deg, #0DB516 12%, #006D00 89%);

 

HEX #0DB516 まで HEX #006D00


CSSコード:

background-image: radial-gradient(circle, #0DB516 12%, #006D00 95%);

 

HEX #006D00 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #006D00 9%, #0DB516 98%);

 

HEX #006D00 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #006D00 9%, #0DB516 91%);

リニア

HEX #0DB516 まで HEX #0CB531


CSSコード:

background-image: linear-gradient(135deg, #0DB516 7%, #0CB531 99%);

ラジアル

HEX #0DB516 まで HEX #0CB531


CSSコード:

background-image: radial-gradient(circle, #0DB516 0%, #0CB531 93%);

 

HEX #0CB531 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0CB531 1%, #0DB516 100%);

 

HEX #0CB531 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0CB531 0%, #0DB516 90%);

 

HEX #0DB516 まで HEX #0CB54D


CSSコード:

background-image: linear-gradient(135deg, #0DB516 1%, #0CB54D 93%);

 

HEX #0DB516 まで HEX #0CB54D


CSSコード:

background-image: radial-gradient(circle, #0DB516 13%, #0CB54D 96%);

 

HEX #0CB54D まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0CB54D 9%, #0DB516 94%);

 

HEX #0CB54D まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0CB54D 6%, #0DB516 95%);

 

HEX #0DB516 まで HEX #0CB569


CSSコード:

background-image: linear-gradient(135deg, #0DB516 7%, #0CB569 88%);

 

HEX #0DB516 まで HEX #0CB569


CSSコード:

background-image: radial-gradient(circle, #0DB516 12%, #0CB569 94%);

 

HEX #0CB569 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0CB569 14%, #0DB516 87%);

 

HEX #0CB569 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0CB569 8%, #0DB516 91%);

 

HEX #0DB516 まで HEX #0CB585


CSSコード:

background-image: linear-gradient(135deg, #0DB516 10%, #0CB585 95%);

 

HEX #0DB516 まで HEX #0CB585


CSSコード:

background-image: radial-gradient(circle, #0DB516 5%, #0CB585 95%);

 

HEX #0CB585 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0CB585 5%, #0DB516 96%);

 

HEX #0CB585 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0CB585 3%, #0DB516 99%);

リニア

HEX #0DB516 まで HEX #11E81C


CSSコード:

background-image: linear-gradient(135deg, #0DB516 4%, #11E81C 98%);

ラジアル

HEX #0DB516 まで HEX #11E81C


CSSコード:

background-image: radial-gradient(circle, #0DB516 12%, #11E81C 90%);

 

HEX #11E81C まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #11E81C 13%, #0DB516 98%);

 

HEX #11E81C まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #11E81C 12%, #0DB516 94%);

 

HEX #0DB516 まで HEX #021C03


CSSコード:

background-image: linear-gradient(135deg, #0DB516 14%, #021C03 93%);

 

HEX #0DB516 まで HEX #021C03


CSSコード:

background-image: radial-gradient(circle, #0DB516 5%, #021C03 93%);

 

HEX #021C03 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #021C03 2%, #0DB516 97%);

 

HEX #021C03 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #021C03 1%, #0DB516 86%);

 

HEX #0DB516 まで HEX #064F0A


CSSコード:

background-image: linear-gradient(135deg, #0DB516 13%, #064F0A 99%);

 

HEX #0DB516 まで HEX #064F0A


CSSコード:

background-image: radial-gradient(circle, #0DB516 8%, #064F0A 96%);

 

HEX #064F0A まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #064F0A 2%, #0DB516 90%);

 

HEX #064F0A まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #064F0A 10%, #0DB516 89%);

 

HEX #0DB516 まで HEX #098210


CSSコード:

background-image: linear-gradient(135deg, #0DB516 8%, #098210 91%);

 

HEX #0DB516 まで HEX #098210


CSSコード:

background-image: radial-gradient(circle, #0DB516 6%, #098210 96%);

 

HEX #098210 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #098210 1%, #0DB516 90%);

 

HEX #098210 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #098210 0%, #0DB516 96%);

リニア

HEX #0DB516 まで HEX #0C8BB5


CSSコード:

background-image: linear-gradient(135deg, #0DB516 5%, #0C8BB5 87%);

ラジアル

HEX #0DB516 まで HEX #0C8BB5


CSSコード:

background-image: radial-gradient(circle, #0DB516 14%, #0C8BB5 97%);

 

HEX #0C8BB5 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0C8BB5 5%, #0DB516 98%);

 

HEX #0C8BB5 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0C8BB5 11%, #0DB516 100%);

 

HEX #0DB516 まで HEX #B50C47


CSSコード:

background-image: linear-gradient(135deg, #0DB516 10%, #B50C47 97%);

 

HEX #0DB516 まで HEX #B50C47


CSSコード:

background-image: radial-gradient(circle, #0DB516 9%, #B50C47 98%);

 

HEX #B50C47 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #B50C47 12%, #0DB516 98%);

 

HEX #B50C47 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B50C47 9%, #0DB516 99%);

リニア

HEX #0DB516 まで HEX #150CB5


CSSコード:

background-image: linear-gradient(135deg, #0DB516 3%, #150CB5 97%);

ラジアル

HEX #0DB516 まで HEX #150CB5


CSSコード:

background-image: radial-gradient(circle, #0DB516 11%, #150CB5 90%);

 

HEX #150CB5 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #150CB5 5%, #0DB516 89%);

 

HEX #150CB5 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #150CB5 7%, #0DB516 95%);

 

HEX #0DB516 まで HEX #B5150C


CSSコード:

background-image: linear-gradient(135deg, #0DB516 13%, #B5150C 99%);

 

HEX #0DB516 まで HEX #B5150C


CSSコード:

background-image: radial-gradient(circle, #0DB516 7%, #B5150C 96%);

 

HEX #B5150C まで HEX #0DB516


CSSコード:

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

 

HEX #B5150C まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B5150C 7%, #0DB516 95%);

リニア

HEX #0DB516 まで HEX #0C8BB5


CSSコード:

background-image: linear-gradient(135deg, #0DB516 1%, #0C8BB5 100%);

ラジアル

HEX #0DB516 まで HEX #0C8BB5


CSSコード:

background-image: radial-gradient(circle, #0DB516 1%, #0C8BB5 96%);

 

HEX #0C8BB5 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0C8BB5 14%, #0DB516 94%);

 

HEX #0C8BB5 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0C8BB5 9%, #0DB516 99%);

 

HEX #0DB516 まで HEX #B50CAC


CSSコード:

background-image: linear-gradient(135deg, #0DB516 14%, #B50CAC 92%);

 

HEX #0DB516 まで HEX #B50CAC


CSSコード:

background-image: radial-gradient(circle, #0DB516 8%, #B50CAC 92%);

 

HEX #B50CAC まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #B50CAC 6%, #0DB516 87%);

 

HEX #B50CAC まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B50CAC 3%, #0DB516 95%);

 

HEX #0DB516 まで HEX #B5360C


CSSコード:

background-image: linear-gradient(135deg, #0DB516 2%, #B5360C 93%);

 

HEX #0DB516 まで HEX #B5360C


CSSコード:

background-image: radial-gradient(circle, #0DB516 14%, #B5360C 89%);

 

HEX #B5360C まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #B5360C 14%, #0DB516 100%);

 

HEX #B5360C まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B5360C 12%, #0DB516 98%);

リニア

HEX #0DB516 まで HEX #0C58B5


CSSコード:

background-image: linear-gradient(135deg, #0DB516 13%, #0C58B5 93%);

ラジアル

HEX #0DB516 まで HEX #0C58B5


CSSコード:

background-image: radial-gradient(circle, #0DB516 12%, #0C58B5 86%);

 

HEX #0C58B5 まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #0C58B5 9%, #0DB516 95%);

 

HEX #0C58B5 まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #0C58B5 4%, #0DB516 100%);

 

HEX #0DB516 まで HEX #B50CAC


CSSコード:

background-image: linear-gradient(135deg, #0DB516 9%, #B50CAC 97%);

 

HEX #0DB516 まで HEX #B50CAC


CSSコード:

background-image: radial-gradient(circle, #0DB516 10%, #B50CAC 88%);

 

HEX #B50CAC まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #B50CAC 6%, #0DB516 90%);

 

HEX #B50CAC まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B50CAC 9%, #0DB516 87%);

 

HEX #0DB516 まで HEX #B5690C


CSSコード:

background-image: linear-gradient(135deg, #0DB516 14%, #B5690C 96%);

 

HEX #0DB516 まで HEX #B5690C


CSSコード:

background-image: radial-gradient(circle, #0DB516 8%, #B5690C 87%);

 

HEX #B5690C まで HEX #0DB516


CSSコード:

background-image: linear-gradient(135deg, #B5690C 11%, #0DB516 86%);

 

HEX #B5690C まで HEX #0DB516


CSSコード:

background-image: radial-gradient(circle, #B5690C 5%, #0DB516 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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