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

error rgb: 207.1_144.8_244

CSS グラデーション:
RGB 207.1 144.8 244

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #CF90F4 まで HEX #2F6E0B


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 13%, #2F6E0B 93%);

ラジアル

HEX #CF90F4 まで HEX #2F6E0B


CSSコード:

background-image: radial-gradient(circle, #CF90F4 4%, #2F6E0B 87%);

 

HEX #2F6E0B まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #2F6E0B 6%, #CF90F4 98%);

 

HEX #2F6E0B まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #2F6E0B 11%, #CF90F4 100%);

リニア

HEX #CF90F4 まで HEX #B28FF3


CSSコード:

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

ラジアル

HEX #CF90F4 まで HEX #B28FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 14%, #B28FF3 94%);

 

HEX #B28FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #B28FF3 2%, #CF90F4 86%);

 

HEX #B28FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #B28FF3 8%, #CF90F4 95%);

 

HEX #CF90F4 まで HEX #CD8FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 10%, #CD8FF3 93%);

 

HEX #CF90F4 まで HEX #CD8FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 3%, #CD8FF3 89%);

 

HEX #CD8FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #CD8FF3 4%, #CF90F4 99%);

 

HEX #CD8FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #CD8FF3 6%, #CF90F4 89%);

 

HEX #CF90F4 まで HEX #E88FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 3%, #E88FF3 93%);

 

HEX #CF90F4 まで HEX #E88FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 13%, #E88FF3 92%);

 

HEX #E88FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #E88FF3 4%, #CF90F4 98%);

 

HEX #E88FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #E88FF3 5%, #CF90F4 91%);

 

HEX #CF90F4 まで HEX #F38FE4


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 6%, #F38FE4 86%);

 

HEX #CF90F4 まで HEX #F38FE4


CSSコード:

background-image: radial-gradient(circle, #CF90F4 2%, #F38FE4 92%);

 

HEX #F38FE4 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #F38FE4 12%, #CF90F4 91%);

 

HEX #F38FE4 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F38FE4 0%, #CF90F4 96%);

リニア

HEX #CF90F4 まで HEX #BE6AF0


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 9%, #BE6AF0 94%);

ラジアル

HEX #CF90F4 まで HEX #BE6AF0


CSSコード:

background-image: radial-gradient(circle, #CF90F4 2%, #BE6AF0 98%);

 

HEX #BE6AF0 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #BE6AF0 0%, #CF90F4 89%);

 

HEX #BE6AF0 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #BE6AF0 14%, #CF90F4 93%);

 

HEX #CF90F4 まで HEX #CE8FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 6%, #CE8FF3 99%);

 

HEX #CF90F4 まで HEX #CE8FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 6%, #CE8FF3 90%);

 

HEX #CE8FF3 まで HEX #CF90F4


CSSコード:

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

 

HEX #CE8FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #CE8FF3 7%, #CF90F4 92%);

 

HEX #CF90F4 まで HEX #DEB5F7


CSSコード:

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

 

HEX #CF90F4 まで HEX #DEB5F7


CSSコード:

background-image: radial-gradient(circle, #CF90F4 11%, #DEB5F7 100%);

 

HEX #DEB5F7 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #DEB5F7 14%, #CF90F4 92%);

 

HEX #DEB5F7 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #DEB5F7 6%, #CF90F4 86%);

 

HEX #CF90F4 まで HEX #EFDAFB


CSSコード:

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

 

HEX #CF90F4 まで HEX #EFDAFB


CSSコード:

background-image: radial-gradient(circle, #CF90F4 10%, #EFDAFB 99%);

 

HEX #EFDAFB まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #EFDAFB 13%, #CF90F4 97%);

 

HEX #EFDAFB まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #EFDAFB 10%, #CF90F4 100%);

リニア

HEX #CF90F4 まで HEX #B28FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 3%, #B28FF3 96%);

ラジアル

HEX #CF90F4 まで HEX #B28FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 10%, #B28FF3 88%);

 

HEX #B28FF3 まで HEX #CF90F4


CSSコード:

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

 

HEX #B28FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #B28FF3 11%, #CF90F4 97%);

 

HEX #CF90F4 まで HEX #CD8FF3


CSSコード:

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

 

HEX #CF90F4 まで HEX #CD8FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 1%, #CD8FF3 91%);

 

HEX #CD8FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #CD8FF3 0%, #CF90F4 99%);

 

HEX #CD8FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #CD8FF3 1%, #CF90F4 89%);

 

HEX #CF90F4 まで HEX #E88FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 13%, #E88FF3 100%);

 

HEX #CF90F4 まで HEX #E88FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 7%, #E88FF3 92%);

 

HEX #E88FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #E88FF3 14%, #CF90F4 94%);

 

HEX #E88FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #E88FF3 10%, #CF90F4 97%);

 

HEX #CF90F4 まで HEX #F38FE4


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 12%, #F38FE4 90%);

 

HEX #CF90F4 まで HEX #F38FE4


CSSコード:

background-image: radial-gradient(circle, #CF90F4 10%, #F38FE4 87%);

 

HEX #F38FE4 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #F38FE4 1%, #CF90F4 87%);

 

HEX #F38FE4 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F38FE4 7%, #CF90F4 95%);

リニア

HEX #CF90F4 まで HEX #BE6AF0


CSSコード:

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

ラジアル

HEX #CF90F4 まで HEX #BE6AF0


CSSコード:

background-image: radial-gradient(circle, #CF90F4 7%, #BE6AF0 93%);

 

HEX #BE6AF0 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #BE6AF0 0%, #CF90F4 96%);

 

HEX #BE6AF0 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #BE6AF0 7%, #CF90F4 95%);

 

HEX #CF90F4 まで HEX #CE8FF3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 8%, #CE8FF3 98%);

 

HEX #CF90F4 まで HEX #CE8FF3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 2%, #CE8FF3 93%);

 

HEX #CE8FF3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #CE8FF3 11%, #CF90F4 87%);

 

HEX #CE8FF3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #CE8FF3 7%, #CF90F4 99%);

 

HEX #CF90F4 まで HEX #DEB5F7


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 0%, #DEB5F7 89%);

 

HEX #CF90F4 まで HEX #DEB5F7


CSSコード:

background-image: radial-gradient(circle, #CF90F4 12%, #DEB5F7 94%);

 

HEX #DEB5F7 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #DEB5F7 5%, #CF90F4 97%);

 

HEX #DEB5F7 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #DEB5F7 13%, #CF90F4 92%);

 

HEX #CF90F4 まで HEX #EFDAFB


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 2%, #EFDAFB 93%);

 

HEX #CF90F4 まで HEX #EFDAFB


CSSコード:

background-image: radial-gradient(circle, #CF90F4 9%, #EFDAFB 96%);

 

HEX #EFDAFB まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #EFDAFB 8%, #CF90F4 90%);

 

HEX #EFDAFB まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #EFDAFB 8%, #CF90F4 96%);

リニア

HEX #CF90F4 まで HEX #F38FA2


CSSコード:

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

ラジアル

HEX #CF90F4 まで HEX #F38FA2


CSSコード:

background-image: radial-gradient(circle, #CF90F4 12%, #F38FA2 87%);

 

HEX #F38FA2 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #F38FA2 14%, #CF90F4 88%);

 

HEX #F38FA2 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F38FA2 10%, #CF90F4 94%);

 

HEX #CF90F4 まで HEX #8FF3A5


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 14%, #8FF3A5 87%);

 

HEX #CF90F4 まで HEX #8FF3A5


CSSコード:

background-image: radial-gradient(circle, #CF90F4 10%, #8FF3A5 88%);

 

HEX #8FF3A5 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #8FF3A5 0%, #CF90F4 90%);

 

HEX #8FF3A5 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #8FF3A5 2%, #CF90F4 92%);

リニア

HEX #CF90F4 まで HEX #F3CD8F


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 14%, #F3CD8F 89%);

ラジアル

HEX #CF90F4 まで HEX #F3CD8F


CSSコード:

background-image: radial-gradient(circle, #CF90F4 8%, #F3CD8F 98%);

 

HEX #F3CD8F まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #F3CD8F 5%, #CF90F4 93%);

 

HEX #F3CD8F まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F3CD8F 13%, #CF90F4 86%);

 

HEX #CF90F4 まで HEX #8FF3CD


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 10%, #8FF3CD 92%);

 

HEX #CF90F4 まで HEX #8FF3CD


CSSコード:

background-image: radial-gradient(circle, #CF90F4 1%, #8FF3CD 90%);

 

HEX #8FF3CD まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #8FF3CD 4%, #CF90F4 90%);

 

HEX #8FF3CD まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #8FF3CD 12%, #CF90F4 100%);

リニア

HEX #CF90F4 まで HEX #F38FA2


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 13%, #F38FA2 99%);

ラジアル

HEX #CF90F4 まで HEX #F38FA2


CSSコード:

background-image: radial-gradient(circle, #CF90F4 1%, #F38FA2 92%);

 

HEX #F38FA2 まで HEX #CF90F4


CSSコード:

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

 

HEX #F38FA2 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F38FA2 8%, #CF90F4 86%);

 

HEX #CF90F4 まで HEX #B6F38F


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 0%, #B6F38F 90%);

 

HEX #CF90F4 まで HEX #B6F38F


CSSコード:

background-image: radial-gradient(circle, #CF90F4 14%, #B6F38F 86%);

 

HEX #B6F38F まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #B6F38F 13%, #CF90F4 99%);

 

HEX #B6F38F まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #B6F38F 3%, #CF90F4 95%);

 

HEX #CF90F4 まで HEX #8FF3E1


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 5%, #8FF3E1 89%);

 

HEX #CF90F4 まで HEX #8FF3E1


CSSコード:

background-image: radial-gradient(circle, #CF90F4 12%, #8FF3E1 93%);

 

HEX #8FF3E1 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #8FF3E1 4%, #CF90F4 90%);

 

HEX #8FF3E1 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #8FF3E1 0%, #CF90F4 99%);

リニア

HEX #CF90F4 まで HEX #F39B8F


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 14%, #F39B8F 90%);

ラジアル

HEX #CF90F4 まで HEX #F39B8F


CSSコード:

background-image: radial-gradient(circle, #CF90F4 13%, #F39B8F 87%);

 

HEX #F39B8F まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #F39B8F 12%, #CF90F4 88%);

 

HEX #F39B8F まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #F39B8F 2%, #CF90F4 95%);

 

HEX #CF90F4 まで HEX #B6F38F


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 6%, #B6F38F 99%);

 

HEX #CF90F4 まで HEX #B6F38F


CSSコード:

background-image: radial-gradient(circle, #CF90F4 13%, #B6F38F 100%);

 

HEX #B6F38F まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #B6F38F 8%, #CF90F4 89%);

 

HEX #B6F38F まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #B6F38F 11%, #CF90F4 90%);

 

HEX #CF90F4 まで HEX #8FE8F3


CSSコード:

background-image: linear-gradient(135deg, #CF90F4 13%, #8FE8F3 99%);

 

HEX #CF90F4 まで HEX #8FE8F3


CSSコード:

background-image: radial-gradient(circle, #CF90F4 7%, #8FE8F3 99%);

 

HEX #8FE8F3 まで HEX #CF90F4


CSSコード:

background-image: linear-gradient(135deg, #8FE8F3 13%, #CF90F4 98%);

 

HEX #8FE8F3 まで HEX #CF90F4


CSSコード:

background-image: radial-gradient(circle, #8FE8F3 4%, #CF90F4 93%);

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

サービス内容

カラー

ラグビー に 呪咀

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