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

error rgb: 149.1_162.8_5

CSS グラデーション:
RGB 149.1 162.8 5

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、黄色が他の色より際立っています。赤と緑の色相を表す値は、3番目の値よりも大きい。互いに近接し、青の色相の値を超えている。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #95A205 まで HEX #695CFA


CSSコード:

background-image: linear-gradient(135deg, #95A205 4%, #695CFA 92%);

ラジアル

HEX #95A205 まで HEX #695CFA


CSSコード:

background-image: radial-gradient(circle, #95A205 13%, #695CFA 91%);

 

HEX #695CFA まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #695CFA 5%, #95A205 98%);

 

HEX #695CFA まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #695CFA 14%, #95A205 94%);

リニア

HEX #95A205 まで HEX #A38605


CSSコード:

background-image: linear-gradient(135deg, #95A205 3%, #A38605 88%);

ラジアル

HEX #95A205 まで HEX #A38605


CSSコード:

background-image: radial-gradient(circle, #95A205 9%, #A38605 86%);

 

HEX #A38605 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #A38605 8%, #95A205 94%);

 

HEX #A38605 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #A38605 10%, #95A205 92%);

 

HEX #95A205 まで HEX #96A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 9%, #96A305 88%);

 

HEX #95A205 まで HEX #96A305


CSSコード:

background-image: radial-gradient(circle, #95A205 1%, #96A305 90%);

 

HEX #96A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #96A305 5%, #95A205 90%);

 

HEX #96A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #96A305 9%, #95A205 91%);

 

HEX #95A205 まで HEX #6BA305


CSSコード:

background-image: linear-gradient(135deg, #95A205 11%, #6BA305 98%);

 

HEX #95A205 まで HEX #6BA305


CSSコード:

background-image: radial-gradient(circle, #95A205 14%, #6BA305 97%);

 

HEX #6BA305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #6BA305 7%, #95A205 94%);

 

HEX #6BA305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #6BA305 1%, #95A205 96%);

 

HEX #95A205 まで HEX #41A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 12%, #41A305 89%);

 

HEX #95A205 まで HEX #41A305


CSSコード:

background-image: radial-gradient(circle, #95A205 3%, #41A305 97%);

 

HEX #41A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #41A305 4%, #95A205 95%);

 

HEX #41A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #41A305 4%, #95A205 99%);

リニア

HEX #95A205 まで HEX #707B03


CSSコード:

background-image: linear-gradient(135deg, #95A205 2%, #707B03 96%);

ラジアル

HEX #95A205 まで HEX #707B03


CSSコード:

background-image: radial-gradient(circle, #95A205 4%, #707B03 88%);

 

HEX #707B03 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #707B03 9%, #95A205 86%);

 

HEX #707B03 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #707B03 12%, #95A205 88%);

 

HEX #95A205 まで HEX #95A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 5%, #95A305 97%);

 

HEX #95A205 まで HEX #95A305


CSSコード:

background-image: radial-gradient(circle, #95A205 7%, #95A305 88%);

 

HEX #95A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #95A305 6%, #95A205 100%);

 

HEX #95A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #95A305 1%, #95A205 98%);

 

HEX #95A205 まで HEX #BACB06


CSSコード:

background-image: linear-gradient(135deg, #95A205 13%, #BACB06 93%);

 

HEX #95A205 まで HEX #BACB06


CSSコード:

background-image: radial-gradient(circle, #95A205 8%, #BACB06 90%);

 

HEX #BACB06 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #BACB06 14%, #95A205 91%);

 

HEX #BACB06 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #BACB06 1%, #95A205 100%);

 

HEX #95A205 まで HEX #DEF307


CSSコード:

background-image: linear-gradient(135deg, #95A205 5%, #DEF307 87%);

 

HEX #95A205 まで HEX #DEF307


CSSコード:

background-image: radial-gradient(circle, #95A205 1%, #DEF307 89%);

 

HEX #DEF307 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #DEF307 0%, #95A205 89%);

 

HEX #DEF307 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #DEF307 7%, #95A205 98%);

リニア

HEX #95A205 まで HEX #A38605


CSSコード:

background-image: linear-gradient(135deg, #95A205 5%, #A38605 86%);

ラジアル

HEX #95A205 まで HEX #A38605


CSSコード:

background-image: radial-gradient(circle, #95A205 2%, #A38605 88%);

 

HEX #A38605 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #A38605 4%, #95A205 100%);

 

HEX #A38605 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #A38605 12%, #95A205 97%);

 

HEX #95A205 まで HEX #96A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 13%, #96A305 94%);

 

HEX #95A205 まで HEX #96A305


CSSコード:

background-image: radial-gradient(circle, #95A205 9%, #96A305 96%);

 

HEX #96A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #96A305 12%, #95A205 99%);

 

HEX #96A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #96A305 1%, #95A205 88%);

 

HEX #95A205 まで HEX #6BA305


CSSコード:

background-image: linear-gradient(135deg, #95A205 14%, #6BA305 94%);

 

HEX #95A205 まで HEX #6BA305


CSSコード:

background-image: radial-gradient(circle, #95A205 5%, #6BA305 86%);

 

HEX #6BA305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #6BA305 1%, #95A205 88%);

 

HEX #6BA305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #6BA305 5%, #95A205 91%);

 

HEX #95A205 まで HEX #41A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 0%, #41A305 98%);

 

HEX #95A205 まで HEX #41A305


CSSコード:

background-image: radial-gradient(circle, #95A205 0%, #41A305 100%);

 

HEX #41A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #41A305 6%, #95A205 96%);

 

HEX #41A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #41A305 14%, #95A205 86%);

リニア

HEX #95A205 まで HEX #707B03


CSSコード:

background-image: linear-gradient(135deg, #95A205 13%, #707B03 99%);

ラジアル

HEX #95A205 まで HEX #707B03


CSSコード:

background-image: radial-gradient(circle, #95A205 14%, #707B03 98%);

 

HEX #707B03 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #707B03 13%, #95A205 87%);

 

HEX #707B03 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #707B03 10%, #95A205 89%);

 

HEX #95A205 まで HEX #95A305


CSSコード:

background-image: linear-gradient(135deg, #95A205 10%, #95A305 93%);

 

HEX #95A205 まで HEX #95A305


CSSコード:

background-image: radial-gradient(circle, #95A205 12%, #95A305 99%);

 

HEX #95A305 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #95A305 12%, #95A205 96%);

 

HEX #95A305 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #95A305 8%, #95A205 88%);

 

HEX #95A205 まで HEX #BACB06


CSSコード:

background-image: linear-gradient(135deg, #95A205 9%, #BACB06 90%);

 

HEX #95A205 まで HEX #BACB06


CSSコード:

background-image: radial-gradient(circle, #95A205 10%, #BACB06 86%);

 

HEX #BACB06 まで HEX #95A205


CSSコード:

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

 

HEX #BACB06 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #BACB06 11%, #95A205 88%);

 

HEX #95A205 まで HEX #DEF307


CSSコード:

background-image: linear-gradient(135deg, #95A205 3%, #DEF307 99%);

 

HEX #95A205 まで HEX #DEF307


CSSコード:

background-image: radial-gradient(circle, #95A205 4%, #DEF307 87%);

 

HEX #DEF307 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #DEF307 5%, #95A205 92%);

 

HEX #DEF307 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #DEF307 6%, #95A205 99%);

リニア

HEX #95A205 まで HEX #05A331


CSSコード:

background-image: linear-gradient(135deg, #95A205 6%, #05A331 97%);

ラジアル

HEX #95A205 まで HEX #05A331


CSSコード:

background-image: radial-gradient(circle, #95A205 13%, #05A331 86%);

 

HEX #05A331 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #05A331 11%, #95A205 99%);

 

HEX #05A331 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #05A331 11%, #95A205 87%);

 

HEX #95A205 まで HEX #7105A3


CSSコード:

background-image: linear-gradient(135deg, #95A205 3%, #7105A3 96%);

 

HEX #95A205 まで HEX #7105A3


CSSコード:

background-image: radial-gradient(circle, #95A205 12%, #7105A3 98%);

 

HEX #7105A3 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #7105A3 11%, #95A205 88%);

 

HEX #7105A3 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #7105A3 6%, #95A205 92%);

リニア

HEX #95A205 まで HEX #0596A3


CSSコード:

background-image: linear-gradient(135deg, #95A205 7%, #0596A3 96%);

ラジアル

HEX #95A205 まで HEX #0596A3


CSSコード:

background-image: radial-gradient(circle, #95A205 0%, #0596A3 91%);

 

HEX #0596A3 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #0596A3 1%, #95A205 87%);

 

HEX #0596A3 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #0596A3 5%, #95A205 91%);

 

HEX #95A205 まで HEX #A30596


CSSコード:

background-image: linear-gradient(135deg, #95A205 13%, #A30596 90%);

 

HEX #95A205 まで HEX #A30596


CSSコード:

background-image: radial-gradient(circle, #95A205 14%, #A30596 100%);

 

HEX #A30596 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #A30596 7%, #95A205 88%);

 

HEX #A30596 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #A30596 13%, #95A205 91%);

リニア

HEX #95A205 まで HEX #05A331


CSSコード:

background-image: linear-gradient(135deg, #95A205 1%, #05A331 94%);

ラジアル

HEX #95A205 まで HEX #05A331


CSSコード:

background-image: radial-gradient(circle, #95A205 1%, #05A331 96%);

 

HEX #05A331 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #05A331 3%, #95A205 94%);

 

HEX #05A331 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #05A331 14%, #95A205 99%);

 

HEX #95A205 まで HEX #1205A3


CSSコード:

background-image: linear-gradient(135deg, #95A205 14%, #1205A3 99%);

 

HEX #95A205 まで HEX #1205A3


CSSコード:

background-image: radial-gradient(circle, #95A205 9%, #1205A3 88%);

 

HEX #1205A3 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #1205A3 4%, #95A205 92%);

 

HEX #1205A3 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #1205A3 11%, #95A205 96%);

 

HEX #95A205 まで HEX #A30576


CSSコード:

background-image: linear-gradient(135deg, #95A205 4%, #A30576 99%);

 

HEX #95A205 まで HEX #A30576


CSSコード:

background-image: radial-gradient(circle, #95A205 3%, #A30576 87%);

 

HEX #A30576 まで HEX #95A205


CSSコード:

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

 

HEX #A30576 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #A30576 1%, #95A205 93%);

リニア

HEX #95A205 まで HEX #05A361


CSSコード:

background-image: linear-gradient(135deg, #95A205 14%, #05A361 88%);

ラジアル

HEX #95A205 まで HEX #05A361


CSSコード:

background-image: radial-gradient(circle, #95A205 8%, #05A361 92%);

 

HEX #05A361 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #05A361 7%, #95A205 96%);

 

HEX #05A361 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #05A361 4%, #95A205 90%);

 

HEX #95A205 まで HEX #1205A3


CSSコード:

background-image: linear-gradient(135deg, #95A205 3%, #1205A3 98%);

 

HEX #95A205 まで HEX #1205A3


CSSコード:

background-image: radial-gradient(circle, #95A205 2%, #1205A3 98%);

 

HEX #1205A3 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #1205A3 1%, #95A205 88%);

 

HEX #1205A3 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #1205A3 10%, #95A205 96%);

 

HEX #95A205 まで HEX #A30546


CSSコード:

background-image: linear-gradient(135deg, #95A205 0%, #A30546 97%);

 

HEX #95A205 まで HEX #A30546


CSSコード:

background-image: radial-gradient(circle, #95A205 5%, #A30546 93%);

 

HEX #A30546 まで HEX #95A205


CSSコード:

background-image: linear-gradient(135deg, #A30546 5%, #95A205 94%);

 

HEX #A30546 まで HEX #95A205


CSSコード:

background-image: radial-gradient(circle, #A30546 9%, #95A205 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

カミーユ に 呪咀

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