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

CSS グラデーション:
RGB 223 24 5

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DF1805 まで HEX #20E7FA


CSSコード:

background-image: linear-gradient(135deg, #DF1805 11%, #20E7FA 92%);

ラジアル

HEX #DF1805 まで HEX #20E7FA


CSSコード:

background-image: radial-gradient(circle, #DF1805 2%, #20E7FA 89%);

 

HEX #20E7FA まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #20E7FA 11%, #DF1805 96%);

 

HEX #20E7FA まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #20E7FA 13%, #DF1805 87%);

リニア

HEX #DF1805 まで HEX #E0042C


CSSコード:

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

ラジアル

HEX #DF1805 まで HEX #E0042C


CSSコード:

background-image: radial-gradient(circle, #DF1805 6%, #E0042C 87%);

 

HEX #E0042C まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E0042C 1%, #DF1805 97%);

 

HEX #E0042C まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E0042C 11%, #DF1805 91%);

 

HEX #DF1805 まで HEX #E01604


CSSコード:

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

 

HEX #DF1805 まで HEX #E01604


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #E01604 94%);

 

HEX #E01604 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E01604 7%, #DF1805 96%);

 

HEX #E01604 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E01604 8%, #DF1805 100%);

 

HEX #DF1805 まで HEX #E05104


CSSコード:

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

 

HEX #DF1805 まで HEX #E05104


CSSコード:

background-image: radial-gradient(circle, #DF1805 6%, #E05104 97%);

 

HEX #E05104 まで HEX #DF1805


CSSコード:

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

 

HEX #E05104 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E05104 5%, #DF1805 90%);

 

HEX #DF1805 まで HEX #E08C04


CSSコード:

background-image: linear-gradient(135deg, #DF1805 1%, #E08C04 89%);

 

HEX #DF1805 まで HEX #E08C04


CSSコード:

background-image: radial-gradient(circle, #DF1805 9%, #E08C04 100%);

 

HEX #E08C04 まで HEX #DF1805


CSSコード:

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

 

HEX #E08C04 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E08C04 7%, #DF1805 93%);

リニア

HEX #DF1805 まで HEX #B81303


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #B81303 90%);

ラジアル

HEX #DF1805 まで HEX #B81303


CSSコード:

background-image: radial-gradient(circle, #DF1805 0%, #B81303 97%);

 

HEX #B81303 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #B81303 13%, #DF1805 96%);

 

HEX #B81303 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #B81303 2%, #DF1805 89%);

 

HEX #DF1805 まで HEX #E01704


CSSコード:

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

 

HEX #DF1805 まで HEX #E01704


CSSコード:

background-image: radial-gradient(circle, #DF1805 10%, #E01704 99%);

 

HEX #E01704 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E01704 4%, #DF1805 92%);

 

HEX #E01704 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E01704 7%, #DF1805 92%);

 

HEX #DF1805 まで HEX #FA2814


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #FA2814 86%);

 

HEX #DF1805 まで HEX #FA2814


CSSコード:

background-image: radial-gradient(circle, #DF1805 10%, #FA2814 91%);

 

HEX #FA2814 まで HEX #DF1805


CSSコード:

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

 

HEX #FA2814 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #FA2814 2%, #DF1805 89%);

 

HEX #DF1805 まで HEX #FB4D3C


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #FB4D3C 96%);

 

HEX #DF1805 まで HEX #FB4D3C


CSSコード:

background-image: radial-gradient(circle, #DF1805 7%, #FB4D3C 93%);

 

HEX #FB4D3C まで HEX #DF1805


CSSコード:

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

 

HEX #FB4D3C まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #FB4D3C 8%, #DF1805 94%);

リニア

HEX #DF1805 まで HEX #E0042C


CSSコード:

background-image: linear-gradient(135deg, #DF1805 4%, #E0042C 86%);

ラジアル

HEX #DF1805 まで HEX #E0042C


CSSコード:

background-image: radial-gradient(circle, #DF1805 3%, #E0042C 97%);

 

HEX #E0042C まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E0042C 13%, #DF1805 86%);

 

HEX #E0042C まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E0042C 4%, #DF1805 95%);

 

HEX #DF1805 まで HEX #E01604


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #E01604 93%);

 

HEX #DF1805 まで HEX #E01604


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #E01604 89%);

 

HEX #E01604 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E01604 1%, #DF1805 91%);

 

HEX #E01604 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E01604 10%, #DF1805 94%);

 

HEX #DF1805 まで HEX #E05104


CSSコード:

background-image: linear-gradient(135deg, #DF1805 11%, #E05104 94%);

 

HEX #DF1805 まで HEX #E05104


CSSコード:

background-image: radial-gradient(circle, #DF1805 6%, #E05104 98%);

 

HEX #E05104 まで HEX #DF1805


CSSコード:

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

 

HEX #E05104 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E05104 2%, #DF1805 87%);

 

HEX #DF1805 まで HEX #E08C04


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #E08C04 87%);

 

HEX #DF1805 まで HEX #E08C04


CSSコード:

background-image: radial-gradient(circle, #DF1805 12%, #E08C04 100%);

 

HEX #E08C04 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #E08C04 14%, #DF1805 98%);

 

HEX #E08C04 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E08C04 6%, #DF1805 90%);

リニア

HEX #DF1805 まで HEX #B81303


CSSコード:

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

ラジアル

HEX #DF1805 まで HEX #B81303


CSSコード:

background-image: radial-gradient(circle, #DF1805 8%, #B81303 97%);

 

HEX #B81303 まで HEX #DF1805


CSSコード:

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

 

HEX #B81303 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #B81303 1%, #DF1805 100%);

 

HEX #DF1805 まで HEX #E01704


CSSコード:

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

 

HEX #DF1805 まで HEX #E01704


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #E01704 90%);

 

HEX #E01704 まで HEX #DF1805


CSSコード:

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

 

HEX #E01704 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #E01704 12%, #DF1805 99%);

 

HEX #DF1805 まで HEX #FA2814


CSSコード:

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

 

HEX #DF1805 まで HEX #FA2814


CSSコード:

background-image: radial-gradient(circle, #DF1805 1%, #FA2814 97%);

 

HEX #FA2814 まで HEX #DF1805


CSSコード:

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

 

HEX #FA2814 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #FA2814 5%, #DF1805 95%);

 

HEX #DF1805 まで HEX #FB4D3C


CSSコード:

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

 

HEX #DF1805 まで HEX #FB4D3C


CSSコード:

background-image: radial-gradient(circle, #DF1805 4%, #FB4D3C 97%);

 

HEX #FB4D3C まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #FB4D3C 13%, #DF1805 86%);

 

HEX #FB4D3C まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #FB4D3C 13%, #DF1805 95%);

リニア

HEX #DF1805 まで HEX #A2E004


CSSコード:

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

ラジアル

HEX #DF1805 まで HEX #A2E004


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #A2E004 95%);

 

HEX #A2E004 まで HEX #DF1805


CSSコード:

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

 

HEX #A2E004 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #A2E004 6%, #DF1805 99%);

 

HEX #DF1805 まで HEX #044AE0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 2%, #044AE0 96%);

 

HEX #DF1805 まで HEX #044AE0


CSSコード:

background-image: radial-gradient(circle, #DF1805 6%, #044AE0 100%);

 

HEX #044AE0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #044AE0 10%, #DF1805 93%);

 

HEX #044AE0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #044AE0 14%, #DF1805 89%);

リニア

HEX #DF1805 まで HEX #04E016


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #04E016 95%);

ラジアル

HEX #DF1805 まで HEX #04E016


CSSコード:

background-image: radial-gradient(circle, #DF1805 2%, #04E016 98%);

 

HEX #04E016 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #04E016 5%, #DF1805 90%);

 

HEX #04E016 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #04E016 10%, #DF1805 100%);

 

HEX #DF1805 まで HEX #1604E0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 4%, #1604E0 86%);

 

HEX #DF1805 まで HEX #1604E0


CSSコード:

background-image: radial-gradient(circle, #DF1805 1%, #1604E0 94%);

 

HEX #1604E0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #1604E0 0%, #DF1805 93%);

 

HEX #1604E0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #1604E0 5%, #DF1805 88%);

リニア

HEX #DF1805 まで HEX #A2E004


CSSコード:

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

ラジアル

HEX #DF1805 まで HEX #A2E004


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #A2E004 86%);

 

HEX #A2E004 まで HEX #DF1805


CSSコード:

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

 

HEX #A2E004 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #A2E004 2%, #DF1805 99%);

 

HEX #DF1805 まで HEX #04CEE0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #04CEE0 100%);

 

HEX #DF1805 まで HEX #04CEE0


CSSコード:

background-image: radial-gradient(circle, #DF1805 9%, #04CEE0 88%);

 

HEX #04CEE0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #04CEE0 5%, #DF1805 88%);

 

HEX #04CEE0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #04CEE0 1%, #DF1805 87%);

 

HEX #DF1805 まで HEX #4304E0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 2%, #4304E0 98%);

 

HEX #DF1805 まで HEX #4304E0


CSSコード:

background-image: radial-gradient(circle, #DF1805 1%, #4304E0 87%);

 

HEX #4304E0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #4304E0 0%, #DF1805 89%);

 

HEX #4304E0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #4304E0 7%, #DF1805 94%);

リニア

HEX #DF1805 まで HEX #60E004


CSSコード:

background-image: linear-gradient(135deg, #DF1805 3%, #60E004 96%);

ラジアル

HEX #DF1805 まで HEX #60E004


CSSコード:

background-image: radial-gradient(circle, #DF1805 8%, #60E004 86%);

 

HEX #60E004 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #60E004 12%, #DF1805 89%);

 

HEX #60E004 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #60E004 1%, #DF1805 90%);

 

HEX #DF1805 まで HEX #04CEE0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 13%, #04CEE0 90%);

 

HEX #DF1805 まで HEX #04CEE0


CSSコード:

background-image: radial-gradient(circle, #DF1805 5%, #04CEE0 86%);

 

HEX #04CEE0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #04CEE0 9%, #DF1805 96%);

 

HEX #04CEE0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #04CEE0 4%, #DF1805 89%);

 

HEX #DF1805 まで HEX #8504E0


CSSコード:

background-image: linear-gradient(135deg, #DF1805 7%, #8504E0 100%);

 

HEX #DF1805 まで HEX #8504E0


CSSコード:

background-image: radial-gradient(circle, #DF1805 9%, #8504E0 86%);

 

HEX #8504E0 まで HEX #DF1805


CSSコード:

background-image: linear-gradient(135deg, #8504E0 7%, #DF1805 89%);

 

HEX #8504E0 まで HEX #DF1805


CSSコード:

background-image: radial-gradient(circle, #8504E0 12%, #DF1805 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

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

カミーユ に ラグビー

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

カミーユ に ラル®

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

カミーユ に 豚足®

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

カミーユ に パントン®

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

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

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

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

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

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に カミーユ

から変換する #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) まで 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) まで 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) まで 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) まで 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) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

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

エヌシーエス® に ラル®

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

エヌシーエス® に 豚足®

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

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

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

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 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.