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

CSS グラデーション:
RGBA 253 142 150 0.75

インフォメーション

一網打尽



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

ウェブデザインのためのシンプルさ:あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。



線形および放射状の色遷移の例を 明るい色合い から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。



線形および放射状の色遷移の例を ダークシェード から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

明るい色:高い色彩値は明るい印象を与える。

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

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

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
253 142 150 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 33 マゼンタ 31 黄色と 1 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

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

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

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

レッツゴー

リニア

HEX #FD8E96BF まで HEX #027169BF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 10%, #027169BF 88%);

ラジアル

HEX #FD8E96BF まで HEX #027169BF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 0%, #027169BF 86%);

 

HEX #027169BF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #027169BF 12%, #FD8E96BF 87%);

 

HEX #027169BF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #027169BF 9%, #FD8E96BF 94%);

リニア

HEX #FD8E96BF まで HEX #FD8BB3BF


CSSコード:

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

ラジアル

HEX #FD8E96BF まで HEX #FD8BB3BF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 11%, #FD8BB3BF 96%);

 

HEX #FD8BB3BF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD8BB3BF 2%, #FD8E96BF 99%);

 

HEX #FD8BB3BF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8BB3BF 14%, #FD8E96BF 88%);

 

HEX #FD8E96BF まで HEX #FD8B95BF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 5%, #FD8B95BF 94%);

 

HEX #FD8E96BF まで HEX #FD8B95BF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 13%, #FD8B95BF 97%);

 

HEX #FD8B95BF まで HEX #FD8E96BF


CSSコード:

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

 

HEX #FD8B95BF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8B95BF 5%, #FD8E96BF 91%);

 

HEX #FD8E96BF まで HEX #FDA08BBF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 14%, #FDA08BBF 91%);

 

HEX #FD8E96BF まで HEX #FDA08BBF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 10%, #FDA08BBF 98%);

 

HEX #FDA08BBF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FDA08BBF 2%, #FD8E96BF 89%);

 

HEX #FDA08BBF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FDA08BBF 9%, #FD8E96BF 99%);

 

HEX #FD8E96BF まで HEX #FDBF8BBF


CSSコード:

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

 

HEX #FD8E96BF まで HEX #FDBF8BBF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 5%, #FDBF8BBF 97%);

 

HEX #FDBF8BBF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FDBF8BBF 13%, #FD8E96BF 91%);

 

HEX #FDBF8BBF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FDBF8BBF 6%, #FD8E96BF 96%);

リニア

HEX #FD8E96BF まで HEX #FD636E


CSSコード:

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

ラジアル

HEX #FD8E96BF まで HEX #FD636E


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 13%, #FD636E 99%);

 

HEX #FD636E まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD636E 11%, #FD8E96BF 100%);

 

HEX #FD636E まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD636E 12%, #FD8E96BF 88%);

 

HEX #FD8E96BF まで HEX #FD8B94


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 2%, #FD8B94 89%);

 

HEX #FD8E96BF まで HEX #FD8B94


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 12%, #FD8B94 91%);

 

HEX #FD8B94 まで HEX #FD8E96BF


CSSコード:

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

 

HEX #FD8B94 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8B94 3%, #FD8E96BF 94%);

 

HEX #FD8E96BF まで HEX #FEB4B9


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 5%, #FEB4B9 99%);

 

HEX #FD8E96BF まで HEX #FEB4B9


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 13%, #FEB4B9 98%);

 

HEX #FEB4B9 まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FEB4B9 4%, #FD8E96BF 94%);

 

HEX #FEB4B9 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FEB4B9 0%, #FD8E96BF 93%);

 

HEX #FD8E96BF まで HEX #FEDDDF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 12%, #FEDDDF 99%);

 

HEX #FD8E96BF まで HEX #FEDDDF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 2%, #FEDDDF 89%);

 

HEX #FEDDDF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FEDDDF 3%, #FD8E96BF 91%);

 

HEX #FEDDDF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FEDDDF 8%, #FD8E96BF 86%);

リニア

HEX #FD8E96BF まで HEX #FD8BB3BF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 8%, #FD8BB3BF 86%);

ラジアル

HEX #FD8E96BF まで HEX #FD8BB3BF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 3%, #FD8BB3BF 88%);

 

HEX #FD8BB3BF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD8BB3BF 14%, #FD8E96BF 86%);

 

HEX #FD8BB3BF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8BB3BF 3%, #FD8E96BF 98%);

 

HEX #FD8E96BF まで HEX #FD8B95BF


CSSコード:

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

 

HEX #FD8E96BF まで HEX #FD8B95BF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 7%, #FD8B95BF 98%);

 

HEX #FD8B95BF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD8B95BF 5%, #FD8E96BF 99%);

 

HEX #FD8B95BF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8B95BF 10%, #FD8E96BF 99%);

 

HEX #FD8E96BF まで HEX #FDA08BBF


CSSコード:

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

 

HEX #FD8E96BF まで HEX #FDA08BBF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 7%, #FDA08BBF 95%);

 

HEX #FDA08BBF まで HEX #FD8E96BF


CSSコード:

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

 

HEX #FDA08BBF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FDA08BBF 9%, #FD8E96BF 96%);

 

HEX #FD8E96BF まで HEX #FDBF8BBF


CSSコード:

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

 

HEX #FD8E96BF まで HEX #FDBF8BBF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 9%, #FDBF8BBF 98%);

 

HEX #FDBF8BBF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FDBF8BBF 6%, #FD8E96BF 98%);

 

HEX #FDBF8BBF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FDBF8BBF 2%, #FD8E96BF 99%);

リニア

HEX #FD8E96BF まで HEX #FD636E


CSSコード:

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

ラジアル

HEX #FD8E96BF まで HEX #FD636E


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 9%, #FD636E 91%);

 

HEX #FD636E まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD636E 0%, #FD8E96BF 100%);

 

HEX #FD636E まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD636E 1%, #FD8E96BF 97%);

 

HEX #FD8E96BF まで HEX #FD8B94


CSSコード:

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

 

HEX #FD8E96BF まで HEX #FD8B94


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 4%, #FD8B94 92%);

 

HEX #FD8B94 まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FD8B94 1%, #FD8E96BF 94%);

 

HEX #FD8B94 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FD8B94 4%, #FD8E96BF 87%);

 

HEX #FD8E96BF まで HEX #FEB4B9


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 10%, #FEB4B9 86%);

 

HEX #FD8E96BF まで HEX #FEB4B9


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 12%, #FEB4B9 95%);

 

HEX #FEB4B9 まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FEB4B9 0%, #FD8E96BF 91%);

 

HEX #FEB4B9 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FEB4B9 13%, #FD8E96BF 89%);

 

HEX #FD8E96BF まで HEX #FEDDDF


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 6%, #FEDDDF 98%);

 

HEX #FD8E96BF まで HEX #FEDDDF


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 12%, #FEDDDF 99%);

 

HEX #FEDDDF まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #FEDDDF 4%, #FD8E96BF 93%);

 

HEX #FEDDDF まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #FEDDDF 7%, #FD8E96BF 89%);

リニア

HEX #FD8E96BF まで HEX #F0FD8B


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 3%, #F0FD8B 94%);

ラジアル

HEX #FD8E96BF まで HEX #F0FD8B


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 2%, #F0FD8B 86%);

 

HEX #F0FD8B まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #F0FD8B 13%, #FD8E96BF 94%);

 

HEX #F0FD8B まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #F0FD8B 14%, #FD8E96BF 100%);

 

HEX #FD8E96BF まで HEX #8BC2FD


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 13%, #8BC2FD 100%);

 

HEX #FD8E96BF まで HEX #8BC2FD


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 9%, #8BC2FD 93%);

 

HEX #8BC2FD まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #8BC2FD 0%, #FD8E96BF 89%);

 

HEX #8BC2FD まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #8BC2FD 11%, #FD8E96BF 97%);

リニア

HEX #FD8E96BF まで HEX #95FD8B


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 0%, #95FD8B 87%);

ラジアル

HEX #FD8E96BF まで HEX #95FD8B


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 2%, #95FD8B 94%);

 

HEX #95FD8B まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #95FD8B 13%, #FD8E96BF 100%);

 

HEX #95FD8B まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #95FD8B 0%, #FD8E96BF 87%);

 

HEX #FD8E96BF まで HEX #8B95FD


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 11%, #8B95FD 91%);

 

HEX #FD8E96BF まで HEX #8B95FD


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 9%, #8B95FD 95%);

 

HEX #8B95FD まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #8B95FD 12%, #FD8E96BF 89%);

 

HEX #8B95FD まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #8B95FD 2%, #FD8E96BF 100%);

リニア

HEX #FD8E96BF まで HEX #F0FD8B


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 3%, #F0FD8B 97%);

ラジアル

HEX #FD8E96BF まで HEX #F0FD8B


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 11%, #F0FD8B 95%);

 

HEX #F0FD8B まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #F0FD8B 12%, #FD8E96BF 98%);

 

HEX #F0FD8B まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #F0FD8B 8%, #FD8E96BF 88%);

 

HEX #FD8E96BF まで HEX #8BFDF4


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 10%, #8BFDF4 91%);

 

HEX #FD8E96BF まで HEX #8BFDF4


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 13%, #8BFDF4 93%);

 

HEX #8BFDF4 まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #8BFDF4 4%, #FD8E96BF 88%);

 

HEX #8BFDF4 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #8BFDF4 13%, #FD8E96BF 92%);

 

HEX #FD8E96BF まで HEX #998BFD


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 11%, #998BFD 97%);

 

HEX #FD8E96BF まで HEX #998BFD


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 12%, #998BFD 88%);

 

HEX #998BFD まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #998BFD 13%, #FD8E96BF 91%);

 

HEX #998BFD まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #998BFD 6%, #FD8E96BF 96%);

リニア

HEX #FD8E96BF まで HEX #CEFD8B


CSSコード:

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

ラジアル

HEX #FD8E96BF まで HEX #CEFD8B


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 1%, #CEFD8B 98%);

 

HEX #CEFD8B まで HEX #FD8E96BF


CSSコード:

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

 

HEX #CEFD8B まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #CEFD8B 2%, #FD8E96BF 95%);

 

HEX #FD8E96BF まで HEX #8BFDF4


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 3%, #8BFDF4 87%);

 

HEX #FD8E96BF まで HEX #8BFDF4


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 3%, #8BFDF4 87%);

 

HEX #8BFDF4 まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #8BFDF4 11%, #FD8E96BF 90%);

 

HEX #8BFDF4 まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #8BFDF4 8%, #FD8E96BF 93%);

 

HEX #FD8E96BF まで HEX #BB8BFD


CSSコード:

background-image: linear-gradient(135deg, #FD8E96BF 13%, #BB8BFD 87%);

 

HEX #FD8E96BF まで HEX #BB8BFD


CSSコード:

background-image: radial-gradient(circle, #FD8E96BF 1%, #BB8BFD 95%);

 

HEX #BB8BFD まで HEX #FD8E96BF


CSSコード:

background-image: linear-gradient(135deg, #BB8BFD 9%, #FD8E96BF 100%);

 

HEX #BB8BFD まで HEX #FD8E96BF


CSSコード:

background-image: radial-gradient(circle, #BB8BFD 9%, #FD8E96BF 88%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.