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

CSS グラデーション:
RGB 139 253 188

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #8BFDBC まで HEX #740243


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #740243 89%);

ラジアル

HEX #8BFDBC まで HEX #740243


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 11%, #740243 87%);

 

HEX #740243 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #740243 0%, #8BFDBC 86%);

 

HEX #740243 まで HEX #8BFDBC


CSSコード:

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

リニア

HEX #8BFDBC まで HEX #A1FFCA


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #A1FFCA 86%);

ラジアル

HEX #8BFDBC まで HEX #A1FFCA


CSSコード:

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

 

HEX #A1FFCA まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #A1FFCA 13%, #8BFDBC 93%);

 

HEX #A1FFCA まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #A1FFCA 14%, #8BFDBC 88%);

 

HEX #8BFDBC まで HEX #B2FFDD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 9%, #B2FFDD 87%);

 

HEX #8BFDBC まで HEX #B2FFDD


CSSコード:

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

 

HEX #B2FFDD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #B2FFDD 14%, #8BFDBC 100%);

 

HEX #B2FFDD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #B2FFDD 4%, #8BFDBC 95%);

 

HEX #8BFDBC まで HEX #C3FFF0


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 11%, #C3FFF0 92%);

 

HEX #8BFDBC まで HEX #C3FFF0


CSSコード:

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

 

HEX #C3FFF0 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #C3FFF0 1%, #8BFDBC 94%);

 

HEX #C3FFF0 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #C3FFF0 10%, #8BFDBC 90%);

 

HEX #8BFDBC まで HEX #D4FFFF


CSSコード:

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

 

HEX #8BFDBC まで HEX #D4FFFF


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 1%, #D4FFFF 95%);

 

HEX #D4FFFF まで HEX #8BFDBC


CSSコード:

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

 

HEX #D4FFFF まで HEX #8BFDBC


CSSコード:

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

リニア

HEX #8BFDBC まで HEX #7AEBA9


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 12%, #7AEBA9 92%);

ラジアル

HEX #8BFDBC まで HEX #7AEBA9


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 2%, #7AEBA9 94%);

 

HEX #7AEBA9 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #7AEBA9 5%, #8BFDBC 100%);

 

HEX #7AEBA9 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #7AEBA9 9%, #8BFDBC 92%);

 

HEX #8BFDBC まで HEX #69D996


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 5%, #69D996 87%);

 

HEX #8BFDBC まで HEX #69D996


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 0%, #69D996 86%);

 

HEX #69D996 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #69D996 10%, #8BFDBC 92%);

 

HEX #69D996 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #69D996 8%, #8BFDBC 96%);

 

HEX #8BFDBC まで HEX #58C783


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 9%, #58C783 93%);

 

HEX #8BFDBC まで HEX #58C783


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 2%, #58C783 94%);

 

HEX #58C783 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #58C783 3%, #8BFDBC 96%);

 

HEX #58C783 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #58C783 13%, #8BFDBC 95%);

 

HEX #8BFDBC まで HEX #47B570


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #47B570 100%);

 

HEX #8BFDBC まで HEX #47B570


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 3%, #47B570 96%);

 

HEX #47B570 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #47B570 0%, #8BFDBC 88%);

 

HEX #47B570 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #47B570 6%, #8BFDBC 89%);

リニア

HEX #8BFDBC まで HEX #8BFDCD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #8BFDCD 94%);

ラジアル

HEX #8BFDBC まで HEX #8BFDCD


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 14%, #8BFDCD 92%);

 

HEX #8BFDCD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #8BFDCD 8%, #8BFDBC 91%);

 

HEX #8BFDCD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BFDCD 4%, #8BFDBC 100%);

 

HEX #8BFDBC まで HEX #8BFDE0


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 11%, #8BFDE0 98%);

 

HEX #8BFDBC まで HEX #8BFDE0


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 5%, #8BFDE0 92%);

 

HEX #8BFDE0 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #8BFDE0 8%, #8BFDBC 91%);

 

HEX #8BFDE0 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BFDE0 13%, #8BFDBC 94%);

 

HEX #8BFDBC まで HEX #8BFDF3


CSSコード:

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

 

HEX #8BFDBC まで HEX #8BFDF3


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 3%, #8BFDF3 94%);

 

HEX #8BFDF3 まで HEX #8BFDBC


CSSコード:

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

 

HEX #8BFDF3 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BFDF3 6%, #8BFDBC 88%);

 

HEX #8BFDBC まで HEX #8BF3FD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 11%, #8BF3FD 100%);

 

HEX #8BFDBC まで HEX #8BF3FD


CSSコード:

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

 

HEX #8BF3FD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #8BF3FD 6%, #8BFDBC 99%);

 

HEX #8BF3FD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BF3FD 1%, #8BFDBC 89%);

リニア

HEX #8BFDBC まで HEX #1B3124


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 5%, #1B3124 89%);

ラジアル

HEX #8BFDBC まで HEX #1B3124


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 0%, #1B3124 87%);

 

HEX #1B3124 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #1B3124 12%, #8BFDBC 91%);

 

HEX #1B3124 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #1B3124 5%, #8BFDBC 86%);

 

HEX #8BFDBC まで HEX #37644A


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 12%, #37644A 98%);

 

HEX #8BFDBC まで HEX #37644A


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 13%, #37644A 99%);

 

HEX #37644A まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #37644A 9%, #8BFDBC 90%);

 

HEX #37644A まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #37644A 1%, #8BFDBC 90%);

 

HEX #8BFDBC まで HEX #539770


CSSコード:

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

 

HEX #8BFDBC まで HEX #539770


CSSコード:

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

 

HEX #539770 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #539770 14%, #8BFDBC 93%);

 

HEX #539770 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #539770 2%, #8BFDBC 91%);

 

HEX #8BFDBC まで HEX #6FCA96


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 14%, #6FCA96 96%);

 

HEX #8BFDBC まで HEX #6FCA96


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 9%, #6FCA96 94%);

 

HEX #6FCA96 まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #6FCA96 14%, #8BFDBC 99%);

 

HEX #6FCA96 まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #6FCA96 8%, #8BFDBC 98%);

リニア

HEX #8BFDBC まで HEX #8BB7FD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 4%, #8BB7FD 98%);

ラジアル

HEX #8BFDBC まで HEX #8BB7FD


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 2%, #8BB7FD 90%);

 

HEX #8BB7FD まで HEX #8BFDBC


CSSコード:

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

 

HEX #8BB7FD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BB7FD 3%, #8BFDBC 99%);

 

HEX #8BFDBC まで HEX #FD8D8B


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 9%, #FD8D8B 86%);

 

HEX #8BFDBC まで HEX #FD8D8B


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 7%, #FD8D8B 87%);

 

HEX #FD8D8B まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FD8D8B 5%, #8BFDBC 94%);

 

HEX #FD8D8B まで HEX #8BFDBC


CSSコード:

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

リニア

HEX #8BFDBC まで HEX #BA8BFD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #BA8BFD 100%);

ラジアル

HEX #8BFDBC まで HEX #BA8BFD


CSSコード:

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

 

HEX #BA8BFD まで HEX #8BFDBC


CSSコード:

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

 

HEX #BA8BFD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #BA8BFD 0%, #8BFDBC 94%);

 

HEX #8BFDBC まで HEX #FDBA8B


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 9%, #FDBA8B 86%);

 

HEX #8BFDBC まで HEX #FDBA8B


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 7%, #FDBA8B 100%);

 

HEX #FDBA8B まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FDBA8B 14%, #8BFDBC 96%);

 

HEX #FDBA8B まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #FDBA8B 4%, #8BFDBC 99%);

リニア

HEX #8BFDBC まで HEX #8BB7FD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 10%, #8BB7FD 99%);

ラジアル

HEX #8BFDBC まで HEX #8BB7FD


CSSコード:

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

 

HEX #8BB7FD まで HEX #8BFDBC


CSSコード:

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

 

HEX #8BB7FD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8BB7FD 1%, #8BFDBC 95%);

 

HEX #8BFDBC まで HEX #FD8BCD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 3%, #FD8BCD 88%);

 

HEX #8BFDBC まで HEX #FD8BCD


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 6%, #FD8BCD 98%);

 

HEX #FD8BCD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FD8BCD 9%, #8BFDBC 95%);

 

HEX #FD8BCD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #FD8BCD 13%, #8BFDBC 97%);

 

HEX #8BFDBC まで HEX #FDD18B


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 12%, #FDD18B 99%);

 

HEX #8BFDBC まで HEX #FDD18B


CSSコード:

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

 

HEX #FDD18B まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FDD18B 3%, #8BFDBC 98%);

 

HEX #FDD18B まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #FDD18B 12%, #8BFDBC 98%);

リニア

HEX #8BFDBC まで HEX #8B94FD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 1%, #8B94FD 95%);

ラジアル

HEX #8BFDBC まで HEX #8B94FD


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 13%, #8B94FD 87%);

 

HEX #8B94FD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #8B94FD 3%, #8BFDBC 86%);

 

HEX #8B94FD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #8B94FD 7%, #8BFDBC 98%);

 

HEX #8BFDBC まで HEX #FD8BCD


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 9%, #FD8BCD 86%);

 

HEX #8BFDBC まで HEX #FD8BCD


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 10%, #FD8BCD 92%);

 

HEX #FD8BCD まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FD8BCD 6%, #8BFDBC 96%);

 

HEX #FD8BCD まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #FD8BCD 9%, #8BFDBC 94%);

 

HEX #8BFDBC まで HEX #FDF38B


CSSコード:

background-image: linear-gradient(135deg, #8BFDBC 3%, #FDF38B 99%);

 

HEX #8BFDBC まで HEX #FDF38B


CSSコード:

background-image: radial-gradient(circle, #8BFDBC 12%, #FDF38B 89%);

 

HEX #FDF38B まで HEX #8BFDBC


CSSコード:

background-image: linear-gradient(135deg, #FDF38B 5%, #8BFDBC 86%);

 

HEX #FDF38B まで HEX #8BFDBC


CSSコード:

background-image: radial-gradient(circle, #FDF38B 11%, #8BFDBC 90%);

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

サービス内容

カラー

ラグビー に 呪咀

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