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

CSS グラデーション:
RGBA 142 242 234 0.5

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #8EF2EA7F まで HEX #710D157F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 13%, #710D157F 86%);

ラジアル

HEX #8EF2EA7F まで HEX #710D157F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 14%, #710D157F 86%);

 

HEX #710D157F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #710D157F 10%, #8EF2EA7F 90%);

 

HEX #710D157F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #710D157F 12%, #8EF2EA7F 86%);

リニア

HEX #8EF2EA7F まで HEX #8DF2CE7F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 0%, #8DF2CE7F 100%);

ラジアル

HEX #8EF2EA7F まで HEX #8DF2CE7F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #8DF2CE7F 100%);

 

HEX #8DF2CE7F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DF2CE7F 0%, #8EF2EA7F 92%);

 

HEX #8DF2CE7F まで HEX #8EF2EA7F


CSSコード:

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

 

HEX #8EF2EA7F まで HEX #8DF2E97F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 6%, #8DF2E97F 89%);

 

HEX #8EF2EA7F まで HEX #8DF2E97F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 2%, #8DF2E97F 95%);

 

HEX #8DF2E97F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DF2E97F 5%, #8EF2EA7F 97%);

 

HEX #8DF2E97F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DF2E97F 7%, #8EF2EA7F 93%);

 

HEX #8EF2EA7F まで HEX #8DDFF27F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 1%, #8DDFF27F 97%);

 

HEX #8EF2EA7F まで HEX #8DDFF27F


CSSコード:

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

 

HEX #8DDFF27F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DDFF27F 6%, #8EF2EA7F 97%);

 

HEX #8DDFF27F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DDFF27F 7%, #8EF2EA7F 93%);

 

HEX #8EF2EA7F まで HEX #8DC4F27F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 12%, #8DC4F27F 92%);

 

HEX #8EF2EA7F まで HEX #8DC4F27F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 5%, #8DC4F27F 99%);

 

HEX #8DC4F27F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DC4F27F 13%, #8EF2EA7F 96%);

 

HEX #8DC4F27F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DC4F27F 7%, #8EF2EA7F 94%);

リニア

HEX #8EF2EA7F まで HEX #68EDE3


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 9%, #68EDE3 90%);

ラジアル

HEX #8EF2EA7F まで HEX #68EDE3


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 10%, #68EDE3 88%);

 

HEX #68EDE3 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #68EDE3 10%, #8EF2EA7F 86%);

 

HEX #68EDE3 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #68EDE3 10%, #8EF2EA7F 97%);

 

HEX #8EF2EA7F まで HEX #8DF2EA


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 2%, #8DF2EA 94%);

 

HEX #8EF2EA7F まで HEX #8DF2EA


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 1%, #8DF2EA 99%);

 

HEX #8DF2EA まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DF2EA 11%, #8EF2EA7F 96%);

 

HEX #8DF2EA まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DF2EA 13%, #8EF2EA7F 90%);

 

HEX #8EF2EA7F まで HEX #B2F6F0


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 10%, #B2F6F0 96%);

 

HEX #8EF2EA7F まで HEX #B2F6F0


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 2%, #B2F6F0 86%);

 

HEX #B2F6F0 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #B2F6F0 13%, #8EF2EA7F 88%);

 

HEX #B2F6F0 まで HEX #8EF2EA7F


CSSコード:

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

 

HEX #8EF2EA7F まで HEX #D7FAF7


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 1%, #D7FAF7 87%);

 

HEX #8EF2EA7F まで HEX #D7FAF7


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 4%, #D7FAF7 91%);

 

HEX #D7FAF7 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #D7FAF7 0%, #8EF2EA7F 98%);

 

HEX #D7FAF7 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #D7FAF7 9%, #8EF2EA7F 100%);

リニア

HEX #8EF2EA7F まで HEX #8DF2CE7F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 4%, #8DF2CE7F 92%);

ラジアル

HEX #8EF2EA7F まで HEX #8DF2CE7F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #8DF2CE7F 86%);

 

HEX #8DF2CE7F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DF2CE7F 10%, #8EF2EA7F 90%);

 

HEX #8DF2CE7F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DF2CE7F 10%, #8EF2EA7F 95%);

 

HEX #8EF2EA7F まで HEX #8DF2E97F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 6%, #8DF2E97F 91%);

 

HEX #8EF2EA7F まで HEX #8DF2E97F


CSSコード:

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

 

HEX #8DF2E97F まで HEX #8EF2EA7F


CSSコード:

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

 

HEX #8DF2E97F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DF2E97F 10%, #8EF2EA7F 95%);

 

HEX #8EF2EA7F まで HEX #8DDFF27F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 6%, #8DDFF27F 89%);

 

HEX #8EF2EA7F まで HEX #8DDFF27F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 14%, #8DDFF27F 94%);

 

HEX #8DDFF27F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DDFF27F 7%, #8EF2EA7F 97%);

 

HEX #8DDFF27F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DDFF27F 14%, #8EF2EA7F 94%);

 

HEX #8EF2EA7F まで HEX #8DC4F27F


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 3%, #8DC4F27F 95%);

 

HEX #8EF2EA7F まで HEX #8DC4F27F


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 5%, #8DC4F27F 87%);

 

HEX #8DC4F27F まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DC4F27F 14%, #8EF2EA7F 91%);

 

HEX #8DC4F27F まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DC4F27F 10%, #8EF2EA7F 89%);

リニア

HEX #8EF2EA7F まで HEX #68EDE3


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 5%, #68EDE3 100%);

ラジアル

HEX #8EF2EA7F まで HEX #68EDE3


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #68EDE3 98%);

 

HEX #68EDE3 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #68EDE3 14%, #8EF2EA7F 100%);

 

HEX #68EDE3 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #68EDE3 2%, #8EF2EA7F 86%);

 

HEX #8EF2EA7F まで HEX #8DF2EA


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 4%, #8DF2EA 89%);

 

HEX #8EF2EA7F まで HEX #8DF2EA


CSSコード:

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

 

HEX #8DF2EA まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #8DF2EA 1%, #8EF2EA7F 97%);

 

HEX #8DF2EA まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #8DF2EA 1%, #8EF2EA7F 100%);

 

HEX #8EF2EA7F まで HEX #B2F6F0


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 9%, #B2F6F0 93%);

 

HEX #8EF2EA7F まで HEX #B2F6F0


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #B2F6F0 99%);

 

HEX #B2F6F0 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #B2F6F0 11%, #8EF2EA7F 88%);

 

HEX #B2F6F0 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #B2F6F0 5%, #8EF2EA7F 94%);

 

HEX #8EF2EA7F まで HEX #D7FAF7


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 0%, #D7FAF7 95%);

 

HEX #8EF2EA7F まで HEX #D7FAF7


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #D7FAF7 94%);

 

HEX #D7FAF7 まで HEX #8EF2EA7F


CSSコード:

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

 

HEX #D7FAF7 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #D7FAF7 9%, #8EF2EA7F 97%);

リニア

HEX #8EF2EA7F まで HEX #998DF2


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 8%, #998DF2 100%);

ラジアル

HEX #8EF2EA7F まで HEX #998DF2


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 11%, #998DF2 99%);

 

HEX #998DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #998DF2 10%, #8EF2EA7F 99%);

 

HEX #998DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #998DF2 14%, #8EF2EA7F 100%);

 

HEX #8EF2EA7F まで HEX #F2C18D


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 12%, #F2C18D 90%);

 

HEX #8EF2EA7F まで HEX #F2C18D


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 2%, #F2C18D 94%);

 

HEX #F2C18D まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #F2C18D 0%, #8EF2EA7F 99%);

 

HEX #F2C18D まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #F2C18D 14%, #8EF2EA7F 91%);

リニア

HEX #8EF2EA7F まで HEX #E98DF2


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 2%, #E98DF2 96%);

ラジアル

HEX #8EF2EA7F まで HEX #E98DF2


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 8%, #E98DF2 94%);

 

HEX #E98DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #E98DF2 12%, #8EF2EA7F 90%);

 

HEX #E98DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #E98DF2 5%, #8EF2EA7F 90%);

 

HEX #8EF2EA7F まで HEX #F2E98D


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 3%, #F2E98D 96%);

 

HEX #8EF2EA7F まで HEX #F2E98D


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 5%, #F2E98D 90%);

 

HEX #F2E98D まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #F2E98D 0%, #8EF2EA7F 95%);

 

HEX #F2E98D まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #F2E98D 0%, #8EF2EA7F 88%);

リニア

HEX #8EF2EA7F まで HEX #998DF2


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 13%, #998DF2 95%);

ラジアル

HEX #8EF2EA7F まで HEX #998DF2


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 1%, #998DF2 91%);

 

HEX #998DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #998DF2 9%, #8EF2EA7F 97%);

 

HEX #998DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #998DF2 13%, #8EF2EA7F 90%);

 

HEX #8EF2EA7F まで HEX #F28D95


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 4%, #F28D95 99%);

 

HEX #8EF2EA7F まで HEX #F28D95


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 9%, #F28D95 96%);

 

HEX #F28D95 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #F28D95 7%, #8EF2EA7F 90%);

 

HEX #F28D95 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #F28D95 14%, #8EF2EA7F 90%);

 

HEX #8EF2EA7F まで HEX #E6F28D


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 2%, #E6F28D 96%);

 

HEX #8EF2EA7F まで HEX #E6F28D


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 13%, #E6F28D 90%);

 

HEX #E6F28D まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #E6F28D 4%, #8EF2EA7F 94%);

 

HEX #E6F28D まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #E6F28D 11%, #8EF2EA7F 99%);

リニア

HEX #8EF2EA7F まで HEX #B78DF2


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 1%, #B78DF2 97%);

ラジアル

HEX #8EF2EA7F まで HEX #B78DF2


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 13%, #B78DF2 95%);

 

HEX #B78DF2 まで HEX #8EF2EA7F


CSSコード:

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

 

HEX #B78DF2 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #B78DF2 6%, #8EF2EA7F 90%);

 

HEX #8EF2EA7F まで HEX #F28D95


CSSコード:

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

 

HEX #8EF2EA7F まで HEX #F28D95


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 10%, #F28D95 91%);

 

HEX #F28D95 まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #F28D95 14%, #8EF2EA7F 89%);

 

HEX #F28D95 まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #F28D95 8%, #8EF2EA7F 95%);

 

HEX #8EF2EA7F まで HEX #C8F28D


CSSコード:

background-image: linear-gradient(135deg, #8EF2EA7F 0%, #C8F28D 91%);

 

HEX #8EF2EA7F まで HEX #C8F28D


CSSコード:

background-image: radial-gradient(circle, #8EF2EA7F 2%, #C8F28D 87%);

 

HEX #C8F28D まで HEX #8EF2EA7F


CSSコード:

background-image: linear-gradient(135deg, #C8F28D 0%, #8EF2EA7F 96%);

 

HEX #C8F28D まで HEX #8EF2EA7F


CSSコード:

background-image: radial-gradient(circle, #C8F28D 0%, #8EF2EA7F 87%);

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

サービス内容

カラー

ラグビー に 呪咀

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