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

CSS グラデーション:
RGBA 237 183 252 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #EDB7FCBF まで HEX #124803BF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 9%, #124803BF 100%);

ラジアル

HEX #EDB7FCBF まで HEX #124803BF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 1%, #124803BF 93%);

 

HEX #124803BF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #124803BF 7%, #EDB7FCBF 89%);

 

HEX #124803BF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #124803BF 4%, #EDB7FCBF 91%);

リニア

HEX #EDB7FCBF まで HEX #D9B6FCBF


CSSコード:

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

ラジアル

HEX #EDB7FCBF まで HEX #D9B6FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 5%, #D9B6FCBF 100%);

 

HEX #D9B6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #D9B6FCBF 7%, #EDB7FCBF 89%);

 

HEX #D9B6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #D9B6FCBF 8%, #EDB7FCBF 86%);

 

HEX #EDB7FCBF まで HEX #ECB6FCBF


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #ECB6FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 8%, #ECB6FCBF 95%);

 

HEX #ECB6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #ECB6FCBF 7%, #EDB7FCBF 94%);

 

HEX #ECB6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #ECB6FCBF 6%, #EDB7FCBF 87%);

 

HEX #EDB7FCBF まで HEX #FCB6FABF


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #FCB6FABF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 3%, #FCB6FABF 95%);

 

HEX #FCB6FABF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #FCB6FABF 11%, #EDB7FCBF 99%);

 

HEX #FCB6FABF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6FABF 11%, #EDB7FCBF 100%);

 

HEX #EDB7FCBF まで HEX #FCB6E7BF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 9%, #FCB6E7BF 92%);

 

HEX #EDB7FCBF まで HEX #FCB6E7BF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 0%, #FCB6E7BF 93%);

 

HEX #FCB6E7BF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #FCB6E7BF 9%, #EDB7FCBF 86%);

 

HEX #FCB6E7BF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6E7BF 6%, #EDB7FCBF 93%);

リニア

HEX #EDB7FCBF まで HEX #E38EFA


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 5%, #E38EFA 91%);

ラジアル

HEX #EDB7FCBF まで HEX #E38EFA


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 5%, #E38EFA 92%);

 

HEX #E38EFA まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #E38EFA 0%, #EDB7FCBF 98%);

 

HEX #E38EFA まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #E38EFA 14%, #EDB7FCBF 93%);

 

HEX #EDB7FCBF まで HEX #EDB6FC


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 5%, #EDB6FC 98%);

 

HEX #EDB7FCBF まで HEX #EDB6FC


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 4%, #EDB6FC 93%);

 

HEX #EDB6FC まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #EDB6FC 12%, #EDB7FCBF 97%);

 

HEX #EDB6FC まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB6FC 10%, #EDB7FCBF 87%);

 

HEX #EDB7FCBF まで HEX #F7DDFE


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 5%, #F7DDFE 95%);

 

HEX #EDB7FCBF まで HEX #F7DDFE


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 5%, #F7DDFE 100%);

 

HEX #F7DDFE まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #F7DDFE まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #F7DDFE 3%, #EDB7FCBF 88%);

 

HEX #EDB7FCBF まで HEX #FFFFFF


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 11%, #FFFFFF 92%);

 

HEX #FFFFFF まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #FFFFFF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 8%, #EDB7FCBF 87%);

リニア

HEX #EDB7FCBF まで HEX #D9B6FCBF


CSSコード:

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

ラジアル

HEX #EDB7FCBF まで HEX #D9B6FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 4%, #D9B6FCBF 96%);

 

HEX #D9B6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #D9B6FCBF 14%, #EDB7FCBF 87%);

 

HEX #D9B6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #D9B6FCBF 1%, #EDB7FCBF 94%);

 

HEX #EDB7FCBF まで HEX #ECB6FCBF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 1%, #ECB6FCBF 92%);

 

HEX #EDB7FCBF まで HEX #ECB6FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 7%, #ECB6FCBF 89%);

 

HEX #ECB6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #ECB6FCBF 13%, #EDB7FCBF 98%);

 

HEX #ECB6FCBF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #ECB6FCBF 1%, #EDB7FCBF 87%);

 

HEX #EDB7FCBF まで HEX #FCB6FABF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 3%, #FCB6FABF 98%);

 

HEX #EDB7FCBF まで HEX #FCB6FABF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 0%, #FCB6FABF 95%);

 

HEX #FCB6FABF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #FCB6FABF 13%, #EDB7FCBF 95%);

 

HEX #FCB6FABF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6FABF 2%, #EDB7FCBF 99%);

 

HEX #EDB7FCBF まで HEX #FCB6E7BF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 10%, #FCB6E7BF 96%);

 

HEX #EDB7FCBF まで HEX #FCB6E7BF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 4%, #FCB6E7BF 91%);

 

HEX #FCB6E7BF まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #FCB6E7BF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6E7BF 7%, #EDB7FCBF 100%);

リニア

HEX #EDB7FCBF まで HEX #E38EFA


CSSコード:

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

ラジアル

HEX #EDB7FCBF まで HEX #E38EFA


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 13%, #E38EFA 88%);

 

HEX #E38EFA まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #E38EFA 2%, #EDB7FCBF 95%);

 

HEX #E38EFA まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #E38EFA 5%, #EDB7FCBF 93%);

 

HEX #EDB7FCBF まで HEX #EDB6FC


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #EDB6FC


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 2%, #EDB6FC 90%);

 

HEX #EDB6FC まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #EDB6FC 13%, #EDB7FCBF 89%);

 

HEX #EDB6FC まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #EDB6FC 11%, #EDB7FCBF 97%);

 

HEX #EDB7FCBF まで HEX #F7DDFE


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 2%, #F7DDFE 100%);

 

HEX #EDB7FCBF まで HEX #F7DDFE


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 11%, #F7DDFE 88%);

 

HEX #F7DDFE まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #F7DDFE 10%, #EDB7FCBF 98%);

 

HEX #F7DDFE まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #F7DDFE 2%, #EDB7FCBF 99%);

 

HEX #EDB7FCBF まで HEX #FFFFFF


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 2%, #FFFFFF 90%);

 

HEX #EDB7FCBF まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 6%, #FFFFFF 96%);

 

HEX #FFFFFF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #FFFFFF 5%, #EDB7FCBF 92%);

 

HEX #FFFFFF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 8%, #EDB7FCBF 94%);

リニア

HEX #EDB7FCBF まで HEX #FCB6B8


CSSコード:

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

ラジアル

HEX #EDB7FCBF まで HEX #FCB6B8


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 7%, #FCB6B8 97%);

 

HEX #FCB6B8 まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #FCB6B8 2%, #EDB7FCBF 95%);

 

HEX #FCB6B8 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6B8 12%, #EDB7FCBF 90%);

 

HEX #EDB7FCBF まで HEX #B6FCCF


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #B6FCCF


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 3%, #B6FCCF 90%);

 

HEX #B6FCCF まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #B6FCCF 10%, #EDB7FCBF 94%);

 

HEX #B6FCCF まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #B6FCCF 3%, #EDB7FCBF 86%);

リニア

HEX #EDB7FCBF まで HEX #FCECB6


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 11%, #FCECB6 99%);

ラジアル

HEX #EDB7FCBF まで HEX #FCECB6


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 4%, #FCECB6 97%);

 

HEX #FCECB6 まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #FCECB6 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCECB6 12%, #EDB7FCBF 99%);

 

HEX #EDB7FCBF まで HEX #B6FCEC


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 1%, #B6FCEC 86%);

 

HEX #EDB7FCBF まで HEX #B6FCEC


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 6%, #B6FCEC 92%);

 

HEX #B6FCEC まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #B6FCEC 2%, #EDB7FCBF 94%);

 

HEX #B6FCEC まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #B6FCEC 8%, #EDB7FCBF 95%);

リニア

HEX #EDB7FCBF まで HEX #FCB6B8


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 10%, #FCB6B8 89%);

ラジアル

HEX #EDB7FCBF まで HEX #FCB6B8


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 0%, #FCB6B8 87%);

 

HEX #FCB6B8 まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #FCB6B8 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCB6B8 2%, #EDB7FCBF 93%);

 

HEX #EDB7FCBF まで HEX #C6FCB6


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #C6FCB6


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 8%, #C6FCB6 97%);

 

HEX #C6FCB6 まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #C6FCB6 0%, #EDB7FCBF 87%);

 

HEX #C6FCB6 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #C6FCB6 9%, #EDB7FCBF 95%);

 

HEX #EDB7FCBF まで HEX #B6FCFA


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 0%, #B6FCFA 93%);

 

HEX #EDB7FCBF まで HEX #B6FCFA


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 2%, #B6FCFA 92%);

 

HEX #B6FCFA まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #B6FCFA まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #B6FCFA 2%, #EDB7FCBF 97%);

リニア

HEX #EDB7FCBF まで HEX #FCC8B6


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 6%, #FCC8B6 92%);

ラジアル

HEX #EDB7FCBF まで HEX #FCC8B6


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 7%, #FCC8B6 99%);

 

HEX #FCC8B6 まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #FCC8B6 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #FCC8B6 1%, #EDB7FCBF 86%);

 

HEX #EDB7FCBF まで HEX #C6FCB6


CSSコード:

background-image: linear-gradient(135deg, #EDB7FCBF 8%, #C6FCB6 93%);

 

HEX #EDB7FCBF まで HEX #C6FCB6


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 6%, #C6FCB6 97%);

 

HEX #C6FCB6 まで HEX #EDB7FCBF


CSSコード:

background-image: linear-gradient(135deg, #C6FCB6 11%, #EDB7FCBF 89%);

 

HEX #C6FCB6 まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #C6FCB6 8%, #EDB7FCBF 96%);

 

HEX #EDB7FCBF まで HEX #B6E9FC


CSSコード:

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

 

HEX #EDB7FCBF まで HEX #B6E9FC


CSSコード:

background-image: radial-gradient(circle, #EDB7FCBF 1%, #B6E9FC 88%);

 

HEX #B6E9FC まで HEX #EDB7FCBF


CSSコード:

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

 

HEX #B6E9FC まで HEX #EDB7FCBF


CSSコード:

background-image: radial-gradient(circle, #B6E9FC 5%, #EDB7FCBF 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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