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

error rgb: 69.7_164.6_156

CSS グラデーション:
RGB 69.7 164.6 156

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #45A49C まで HEX #B95A63


CSSコード:

background-image: linear-gradient(135deg, #45A49C 10%, #B95A63 98%);

ラジアル

HEX #45A49C まで HEX #B95A63


CSSコード:

background-image: radial-gradient(circle, #45A49C 2%, #B95A63 100%);

 

HEX #B95A63 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #B95A63 10%, #45A49C 100%);

 

HEX #B95A63 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #B95A63 11%, #45A49C 87%);

リニア

HEX #45A49C まで HEX #45A582


CSSコード:

background-image: linear-gradient(135deg, #45A49C 7%, #45A582 90%);

ラジアル

HEX #45A49C まで HEX #45A582


CSSコード:

background-image: radial-gradient(circle, #45A49C 13%, #45A582 98%);

 

HEX #45A582 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A582 1%, #45A49C 99%);

 

HEX #45A582 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A582 10%, #45A49C 87%);

 

HEX #45A49C まで HEX #45A59B


CSSコード:

background-image: linear-gradient(135deg, #45A49C 4%, #45A59B 93%);

 

HEX #45A49C まで HEX #45A59B


CSSコード:

background-image: radial-gradient(circle, #45A49C 5%, #45A59B 91%);

 

HEX #45A59B まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A59B 5%, #45A49C 89%);

 

HEX #45A59B まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A59B 7%, #45A49C 96%);

 

HEX #45A49C まで HEX #4595A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 8%, #4595A5 88%);

 

HEX #45A49C まで HEX #4595A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 11%, #4595A5 100%);

 

HEX #4595A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #4595A5 2%, #45A49C 92%);

 

HEX #4595A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #4595A5 10%, #45A49C 94%);

 

HEX #45A49C まで HEX #457BA5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 2%, #457BA5 98%);

 

HEX #45A49C まで HEX #457BA5


CSSコード:

background-image: radial-gradient(circle, #45A49C 6%, #457BA5 86%);

 

HEX #457BA5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #457BA5 10%, #45A49C 89%);

 

HEX #457BA5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #457BA5 4%, #45A49C 99%);

リニア

HEX #45A49C まで HEX #398881


CSSコード:

background-image: linear-gradient(135deg, #45A49C 0%, #398881 87%);

ラジアル

HEX #45A49C まで HEX #398881


CSSコード:

background-image: radial-gradient(circle, #45A49C 13%, #398881 94%);

 

HEX #398881 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #398881 0%, #45A49C 86%);

 

HEX #398881 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #398881 4%, #45A49C 98%);

 

HEX #45A49C まで HEX #45A59C


CSSコード:

background-image: linear-gradient(135deg, #45A49C 7%, #45A59C 98%);

 

HEX #45A49C まで HEX #45A59C


CSSコード:

background-image: radial-gradient(circle, #45A49C 0%, #45A59C 88%);

 

HEX #45A59C まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A59C 14%, #45A49C 96%);

 

HEX #45A59C まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A59C 1%, #45A49C 90%);

 

HEX #45A49C まで HEX #59B9B1


CSSコード:

background-image: linear-gradient(135deg, #45A49C 8%, #59B9B1 99%);

 

HEX #45A49C まで HEX #59B9B1


CSSコード:

background-image: radial-gradient(circle, #45A49C 7%, #59B9B1 98%);

 

HEX #59B9B1 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #59B9B1 1%, #45A49C 87%);

 

HEX #59B9B1 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #59B9B1 5%, #45A49C 98%);

 

HEX #45A49C まで HEX #77C6BE


CSSコード:

background-image: linear-gradient(135deg, #45A49C 5%, #77C6BE 96%);

 

HEX #45A49C まで HEX #77C6BE


CSSコード:

background-image: radial-gradient(circle, #45A49C 12%, #77C6BE 99%);

 

HEX #77C6BE まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #77C6BE 3%, #45A49C 87%);

 

HEX #77C6BE まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #77C6BE 1%, #45A49C 89%);

リニア

HEX #45A49C まで HEX #45A582


CSSコード:

background-image: linear-gradient(135deg, #45A49C 13%, #45A582 97%);

ラジアル

HEX #45A49C まで HEX #45A582


CSSコード:

background-image: radial-gradient(circle, #45A49C 5%, #45A582 87%);

 

HEX #45A582 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A582 9%, #45A49C 94%);

 

HEX #45A582 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A582 3%, #45A49C 88%);

 

HEX #45A49C まで HEX #45A59B


CSSコード:

background-image: linear-gradient(135deg, #45A49C 11%, #45A59B 87%);

 

HEX #45A49C まで HEX #45A59B


CSSコード:

background-image: radial-gradient(circle, #45A49C 13%, #45A59B 98%);

 

HEX #45A59B まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A59B 3%, #45A49C 92%);

 

HEX #45A59B まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A59B 12%, #45A49C 91%);

 

HEX #45A49C まで HEX #4595A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 5%, #4595A5 86%);

 

HEX #45A49C まで HEX #4595A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 0%, #4595A5 99%);

 

HEX #4595A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #4595A5 14%, #45A49C 94%);

 

HEX #4595A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #4595A5 2%, #45A49C 87%);

 

HEX #45A49C まで HEX #457BA5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 1%, #457BA5 88%);

 

HEX #45A49C まで HEX #457BA5


CSSコード:

background-image: radial-gradient(circle, #45A49C 8%, #457BA5 89%);

 

HEX #457BA5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #457BA5 10%, #45A49C 90%);

 

HEX #457BA5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #457BA5 12%, #45A49C 87%);

リニア

HEX #45A49C まで HEX #398881


CSSコード:

background-image: linear-gradient(135deg, #45A49C 1%, #398881 98%);

ラジアル

HEX #45A49C まで HEX #398881


CSSコード:

background-image: radial-gradient(circle, #45A49C 7%, #398881 97%);

 

HEX #398881 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #398881 14%, #45A49C 90%);

 

HEX #398881 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #398881 7%, #45A49C 94%);

 

HEX #45A49C まで HEX #45A59C


CSSコード:

background-image: linear-gradient(135deg, #45A49C 5%, #45A59C 94%);

 

HEX #45A49C まで HEX #45A59C


CSSコード:

background-image: radial-gradient(circle, #45A49C 8%, #45A59C 92%);

 

HEX #45A59C まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #45A59C 12%, #45A49C 97%);

 

HEX #45A59C まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #45A59C 10%, #45A49C 87%);

 

HEX #45A49C まで HEX #59B9B1


CSSコード:

background-image: linear-gradient(135deg, #45A49C 3%, #59B9B1 89%);

 

HEX #45A49C まで HEX #59B9B1


CSSコード:

background-image: radial-gradient(circle, #45A49C 8%, #59B9B1 93%);

 

HEX #59B9B1 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #59B9B1 6%, #45A49C 100%);

 

HEX #59B9B1 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #59B9B1 12%, #45A49C 89%);

 

HEX #45A49C まで HEX #77C6BE


CSSコード:

background-image: linear-gradient(135deg, #45A49C 13%, #77C6BE 91%);

 

HEX #45A49C まで HEX #77C6BE


CSSコード:

background-image: radial-gradient(circle, #45A49C 4%, #77C6BE 98%);

 

HEX #77C6BE まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #77C6BE 12%, #45A49C 91%);

 

HEX #77C6BE まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #77C6BE 2%, #45A49C 88%);

リニア

HEX #45A49C まで HEX #4E45A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 6%, #4E45A5 86%);

ラジアル

HEX #45A49C まで HEX #4E45A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 2%, #4E45A5 88%);

 

HEX #4E45A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #4E45A5 2%, #45A49C 89%);

 

HEX #4E45A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #4E45A5 7%, #45A49C 98%);

 

HEX #45A49C まで HEX #A57545


CSSコード:

background-image: linear-gradient(135deg, #45A49C 1%, #A57545 90%);

 

HEX #45A49C まで HEX #A57545


CSSコード:

background-image: radial-gradient(circle, #45A49C 3%, #A57545 89%);

 

HEX #A57545 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #A57545 14%, #45A49C 100%);

 

HEX #A57545 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #A57545 9%, #45A49C 95%);

リニア

HEX #45A49C まで HEX #9B45A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 9%, #9B45A5 100%);

ラジアル

HEX #45A49C まで HEX #9B45A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 8%, #9B45A5 96%);

 

HEX #9B45A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #9B45A5 3%, #45A49C 87%);

 

HEX #9B45A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #9B45A5 7%, #45A49C 92%);

 

HEX #45A49C まで HEX #A59B45


CSSコード:

background-image: linear-gradient(135deg, #45A49C 2%, #A59B45 96%);

 

HEX #45A49C まで HEX #A59B45


CSSコード:

background-image: radial-gradient(circle, #45A49C 12%, #A59B45 88%);

 

HEX #A59B45 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #A59B45 3%, #45A49C 94%);

 

HEX #A59B45 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #A59B45 5%, #45A49C 96%);

リニア

HEX #45A49C まで HEX #4E45A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 3%, #4E45A5 93%);

ラジアル

HEX #45A49C まで HEX #4E45A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 4%, #4E45A5 86%);

 

HEX #4E45A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #4E45A5 2%, #45A49C 92%);

 

HEX #4E45A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #4E45A5 11%, #45A49C 94%);

 

HEX #45A49C まで HEX #A5454E


CSSコード:

background-image: linear-gradient(135deg, #45A49C 9%, #A5454E 92%);

 

HEX #45A49C まで HEX #A5454E


CSSコード:

background-image: radial-gradient(circle, #45A49C 6%, #A5454E 87%);

 

HEX #A5454E まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #A5454E 5%, #45A49C 89%);

 

HEX #A5454E まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #A5454E 2%, #45A49C 90%);

 

HEX #45A49C まで HEX #9BA545


CSSコード:

background-image: linear-gradient(135deg, #45A49C 0%, #9BA545 100%);

 

HEX #45A49C まで HEX #9BA545


CSSコード:

background-image: radial-gradient(circle, #45A49C 8%, #9BA545 99%);

 

HEX #9BA545 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #9BA545 0%, #45A49C 87%);

 

HEX #9BA545 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #9BA545 1%, #45A49C 94%);

リニア

HEX #45A49C まで HEX #6B45A5


CSSコード:

background-image: linear-gradient(135deg, #45A49C 0%, #6B45A5 89%);

ラジアル

HEX #45A49C まで HEX #6B45A5


CSSコード:

background-image: radial-gradient(circle, #45A49C 5%, #6B45A5 94%);

 

HEX #6B45A5 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #6B45A5 13%, #45A49C 90%);

 

HEX #6B45A5 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #6B45A5 7%, #45A49C 92%);

 

HEX #45A49C まで HEX #A5454E


CSSコード:

background-image: linear-gradient(135deg, #45A49C 14%, #A5454E 100%);

 

HEX #45A49C まで HEX #A5454E


CSSコード:

background-image: radial-gradient(circle, #45A49C 0%, #A5454E 90%);

 

HEX #A5454E まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #A5454E 13%, #45A49C 94%);

 

HEX #A5454E まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #A5454E 11%, #45A49C 91%);

 

HEX #45A49C まで HEX #7EA545


CSSコード:

background-image: linear-gradient(135deg, #45A49C 14%, #7EA545 91%);

 

HEX #45A49C まで HEX #7EA545


CSSコード:

background-image: radial-gradient(circle, #45A49C 7%, #7EA545 95%);

 

HEX #7EA545 まで HEX #45A49C


CSSコード:

background-image: linear-gradient(135deg, #7EA545 11%, #45A49C 89%);

 

HEX #7EA545 まで HEX #45A49C


CSSコード:

background-image: radial-gradient(circle, #7EA545 10%, #45A49C 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.