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

CSS グラデーション:
RGB 234 222 188

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #EADEBC まで HEX #152143


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 4%, #152143 87%);

ラジアル

HEX #EADEBC まで HEX #152143


CSSコード:

background-image: radial-gradient(circle, #EADEBC 12%, #152143 94%);

 

HEX #152143 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #152143 7%, #EADEBC 98%);

 

HEX #152143 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #152143 0%, #EADEBC 90%);

リニア

HEX #EADEBC まで HEX #FFF0CA


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 11%, #FFF0CA 90%);

ラジアル

HEX #EADEBC まで HEX #FFF0CA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 13%, #FFF0CA 93%);

 

HEX #FFF0CA まで HEX #EADEBC


CSSコード:

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

 

HEX #FFF0CA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #FFF0CA 4%, #EADEBC 89%);

 

HEX #EADEBC まで HEX #FFFFDD


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 11%, #FFFFDD 97%);

 

HEX #EADEBC まで HEX #FFFFDD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 10%, #FFFFDD 90%);

 

HEX #FFFFDD まで HEX #EADEBC


CSSコード:

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

 

HEX #FFFFDD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #FFFFDD 6%, #EADEBC 93%);

 

HEX #EADEBC まで HEX #FFFFF0


CSSコード:

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

 

HEX #EADEBC まで HEX #FFFFF0


CSSコード:

background-image: radial-gradient(circle, #EADEBC 12%, #FFFFF0 100%);

 

HEX #FFFFF0 まで HEX #EADEBC


CSSコード:

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

 

HEX #FFFFF0 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #FFFFF0 7%, #EADEBC 90%);

リニア

HEX #EADEBC まで HEX #D9CCA9


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 3%, #D9CCA9 99%);

ラジアル

HEX #EADEBC まで HEX #D9CCA9


CSSコード:

background-image: radial-gradient(circle, #EADEBC 1%, #D9CCA9 88%);

 

HEX #D9CCA9 まで HEX #EADEBC


CSSコード:

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

 

HEX #D9CCA9 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #D9CCA9 13%, #EADEBC 94%);

 

HEX #EADEBC まで HEX #C8BA96


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 11%, #C8BA96 86%);

 

HEX #EADEBC まで HEX #C8BA96


CSSコード:

background-image: radial-gradient(circle, #EADEBC 4%, #C8BA96 96%);

 

HEX #C8BA96 まで HEX #EADEBC


CSSコード:

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

 

HEX #C8BA96 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #C8BA96 7%, #EADEBC 99%);

 

HEX #EADEBC まで HEX #B7A883


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 1%, #B7A883 93%);

 

HEX #EADEBC まで HEX #B7A883


CSSコード:

background-image: radial-gradient(circle, #EADEBC 0%, #B7A883 90%);

 

HEX #B7A883 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #B7A883 2%, #EADEBC 96%);

 

HEX #B7A883 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #B7A883 2%, #EADEBC 98%);

 

HEX #EADEBC まで HEX #A69670


CSSコード:

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

 

HEX #EADEBC まで HEX #A69670


CSSコード:

background-image: radial-gradient(circle, #EADEBC 2%, #A69670 95%);

 

HEX #A69670 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #A69670 6%, #EADEBC 88%);

 

HEX #A69670 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #A69670 10%, #EADEBC 86%);

リニア

HEX #EADEBC まで HEX #EAE5BD


CSSコード:

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

ラジアル

HEX #EADEBC まで HEX #EAE5BD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 1%, #EAE5BD 89%);

 

HEX #EAE5BD まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #EAE5BD 0%, #EADEBC 92%);

 

HEX #EAE5BD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #EAE5BD 4%, #EADEBC 92%);

 

HEX #EADEBC まで HEX #E7EABD


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 6%, #E7EABD 100%);

 

HEX #EADEBC まで HEX #E7EABD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 12%, #E7EABD 86%);

 

HEX #E7EABD まで HEX #EADEBC


CSSコード:

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

 

HEX #E7EABD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #E7EABD 14%, #EADEBC 99%);

 

HEX #EADEBC まで HEX #DFEABD


CSSコード:

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

 

HEX #EADEBC まで HEX #DFEABD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 10%, #DFEABD 91%);

 

HEX #DFEABD まで HEX #EADEBC


CSSコード:

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

 

HEX #DFEABD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #DFEABD 4%, #EADEBC 90%);

 

HEX #EADEBC まで HEX #D8EABD


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 5%, #D8EABD 90%);

 

HEX #EADEBC まで HEX #D8EABD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 13%, #D8EABD 98%);

 

HEX #D8EABD まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #D8EABD 7%, #EADEBC 93%);

 

HEX #D8EABD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #D8EABD 2%, #EADEBC 91%);

リニア

HEX #EADEBC まで HEX #1E1C18


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 13%, #1E1C18 93%);

ラジアル

HEX #EADEBC まで HEX #1E1C18


CSSコード:

background-image: radial-gradient(circle, #EADEBC 11%, #1E1C18 97%);

 

HEX #1E1C18 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #1E1C18 3%, #EADEBC 96%);

 

HEX #1E1C18 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #1E1C18 4%, #EADEBC 89%);

 

HEX #EADEBC まで HEX #514D41


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 5%, #514D41 87%);

 

HEX #EADEBC まで HEX #514D41


CSSコード:

background-image: radial-gradient(circle, #EADEBC 1%, #514D41 87%);

 

HEX #514D41 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #514D41 5%, #EADEBC 90%);

 

HEX #514D41 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #514D41 12%, #EADEBC 86%);

 

HEX #EADEBC まで HEX #847D6A


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 3%, #847D6A 88%);

 

HEX #EADEBC まで HEX #847D6A


CSSコード:

background-image: radial-gradient(circle, #EADEBC 4%, #847D6A 92%);

 

HEX #847D6A まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #847D6A 13%, #EADEBC 95%);

 

HEX #847D6A まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #847D6A 11%, #EADEBC 92%);

 

HEX #EADEBC まで HEX #B7AE93


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 3%, #B7AE93 100%);

 

HEX #EADEBC まで HEX #B7AE93


CSSコード:

background-image: radial-gradient(circle, #EADEBC 4%, #B7AE93 86%);

 

HEX #B7AE93 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #B7AE93 9%, #EADEBC 97%);

 

HEX #B7AE93 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #B7AE93 12%, #EADEBC 99%);

リニア

HEX #EADEBC まで HEX #C0EABD


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 9%, #C0EABD 90%);

ラジアル

HEX #EADEBC まで HEX #C0EABD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 10%, #C0EABD 86%);

 

HEX #C0EABD まで HEX #EADEBC


CSSコード:

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

 

HEX #C0EABD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #C0EABD 6%, #EADEBC 95%);

 

HEX #EADEBC まで HEX #CCBDEA


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 3%, #CCBDEA 89%);

 

HEX #EADEBC まで HEX #CCBDEA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 14%, #CCBDEA 99%);

 

HEX #CCBDEA まで HEX #EADEBC


CSSコード:

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

 

HEX #CCBDEA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #CCBDEA 13%, #EADEBC 88%);

リニア

HEX #EADEBC まで HEX #BDEADE


CSSコード:

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

ラジアル

HEX #EADEBC まで HEX #BDEADE


CSSコード:

background-image: radial-gradient(circle, #EADEBC 14%, #BDEADE 94%);

 

HEX #BDEADE まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #BDEADE 4%, #EADEBC 97%);

 

HEX #BDEADE まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #BDEADE 0%, #EADEBC 95%);

 

HEX #EADEBC まで HEX #DEBDEA


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 10%, #DEBDEA 88%);

 

HEX #EADEBC まで HEX #DEBDEA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 7%, #DEBDEA 95%);

 

HEX #DEBDEA まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #DEBDEA 7%, #EADEBC 91%);

 

HEX #DEBDEA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #DEBDEA 12%, #EADEBC 93%);

リニア

HEX #EADEBC まで HEX #C0EABD


CSSコード:

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

ラジアル

HEX #EADEBC まで HEX #C0EABD


CSSコード:

background-image: radial-gradient(circle, #EADEBC 10%, #C0EABD 90%);

 

HEX #C0EABD まで HEX #EADEBC


CSSコード:

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

 

HEX #C0EABD まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #C0EABD 2%, #EADEBC 86%);

 

HEX #EADEBC まで HEX #BDC9EA


CSSコード:

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

 

HEX #EADEBC まで HEX #BDC9EA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 6%, #BDC9EA 88%);

 

HEX #BDC9EA まで HEX #EADEBC


CSSコード:

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

 

HEX #BDC9EA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #BDC9EA 14%, #EADEBC 95%);

 

HEX #EADEBC まで HEX #E7BDEA


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 12%, #E7BDEA 89%);

 

HEX #EADEBC まで HEX #E7BDEA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 0%, #E7BDEA 89%);

 

HEX #E7BDEA まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #E7BDEA 10%, #EADEBC 91%);

 

HEX #E7BDEA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #E7BDEA 14%, #EADEBC 96%);

リニア

HEX #EADEBC まで HEX #BDEAC7


CSSコード:

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

ラジアル

HEX #EADEBC まで HEX #BDEAC7


CSSコード:

background-image: radial-gradient(circle, #EADEBC 4%, #BDEAC7 96%);

 

HEX #BDEAC7 まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #BDEAC7 11%, #EADEBC 90%);

 

HEX #BDEAC7 まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #BDEAC7 10%, #EADEBC 87%);

 

HEX #EADEBC まで HEX #BDC9EA


CSSコード:

background-image: linear-gradient(135deg, #EADEBC 8%, #BDC9EA 92%);

 

HEX #EADEBC まで HEX #BDC9EA


CSSコード:

background-image: radial-gradient(circle, #EADEBC 3%, #BDC9EA 92%);

 

HEX #BDC9EA まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #BDC9EA 8%, #EADEBC 96%);

 

HEX #BDC9EA まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #BDC9EA 1%, #EADEBC 86%);

 

HEX #EADEBC まで HEX #EABDDF


CSSコード:

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

 

HEX #EADEBC まで HEX #EABDDF


CSSコード:

background-image: radial-gradient(circle, #EADEBC 6%, #EABDDF 95%);

 

HEX #EABDDF まで HEX #EADEBC


CSSコード:

background-image: linear-gradient(135deg, #EABDDF 11%, #EADEBC 91%);

 

HEX #EABDDF まで HEX #EADEBC


CSSコード:

background-image: radial-gradient(circle, #EABDDF 9%, #EADEBC 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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