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

✕

CSS グラデーション:
RGBA 198 193 203 .4

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #C6C1CB66 まで HEX #393E3466


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 4%, #393E3466 97%);

ラジアル

HEX #C6C1CB66 まで HEX #393E3466


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 7%, #393E3466 88%);

 

HEX #393E3466 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #393E3466 7%, #C6C1CB66 100%);

 

HEX #393E3466 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #393E3466 5%, #C6C1CB66 88%);

リニア

HEX #C6C1CB66 まで HEX #DCD3D966


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #DCD3D966


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 1%, #DCD3D966 97%);

 

HEX #DCD3D966 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #DCD3D966 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #DCD3D966 3%, #C6C1CB66 92%);

 

HEX #C6C1CB66 まで HEX #EDE5EC66


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #EDE5EC66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 6%, #EDE5EC66 91%);

 

HEX #EDE5EC66 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #EDE5EC66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #EDE5EC66 4%, #C6C1CB66 98%);

 

HEX #C6C1CB66 まで HEX #FEF7FF66


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #FEF7FF66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 5%, #FEF7FF66 86%);

 

HEX #FEF7FF66 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #FEF7FF66 12%, #C6C1CB66 100%);

 

HEX #FEF7FF66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #FEF7FF66 9%, #C6C1CB66 88%);

リニア

HEX #C6C1CB66 まで HEX #B5AFB866


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #B5AFB866


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 11%, #B5AFB866 99%);

 

HEX #B5AFB866 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #B5AFB866 5%, #C6C1CB66 100%);

 

HEX #B5AFB866 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #B5AFB866 3%, #C6C1CB66 99%);

 

HEX #C6C1CB66 まで HEX #A49DA566


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 10%, #A49DA566 100%);

 

HEX #C6C1CB66 まで HEX #A49DA566


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 6%, #A49DA566 96%);

 

HEX #A49DA566 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #A49DA566 4%, #C6C1CB66 91%);

 

HEX #A49DA566 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #A49DA566 8%, #C6C1CB66 90%);

 

HEX #C6C1CB66 まで HEX #938B9266


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 8%, #938B9266 88%);

 

HEX #C6C1CB66 まで HEX #938B9266


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 11%, #938B9266 98%);

 

HEX #938B9266 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #938B9266 7%, #C6C1CB66 97%);

 

HEX #938B9266 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #938B9266 13%, #C6C1CB66 87%);

 

HEX #C6C1CB66 まで HEX #82797F66


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 9%, #82797F66 100%);

 

HEX #C6C1CB66 まで HEX #82797F66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 8%, #82797F66 95%);

 

HEX #82797F66 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #82797F66 1%, #C6C1CB66 97%);

 

HEX #82797F66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #82797F66 11%, #C6C1CB66 100%);

リニア

HEX #C6C1CB66 まで HEX #C8C1CB66


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #C8C1CB66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 6%, #C8C1CB66 91%);

 

HEX #C8C1CB66 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #C8C1CB66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C8C1CB66 4%, #C6C1CB66 90%);

 

HEX #C6C1CB66 まで HEX #CAC1CB66


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 10%, #CAC1CB66 99%);

 

HEX #C6C1CB66 まで HEX #CAC1CB66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 13%, #CAC1CB66 95%);

 

HEX #CAC1CB66 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #CAC1CB66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CAC1CB66 0%, #C6C1CB66 89%);

 

HEX #C6C1CB66 まで HEX #CBC1CB66


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #CBC1CB66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 13%, #CBC1CB66 97%);

 

HEX #CBC1CB66 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #CBC1CB66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC1CB66 1%, #C6C1CB66 93%);

 

HEX #C6C1CB66 まで HEX #CBC1CA66


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #CBC1CA66


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 9%, #CBC1CA66 100%);

 

HEX #CBC1CA66 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #CBC1CA66 3%, #C6C1CB66 93%);

 

HEX #CBC1CA66 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC1CA66 3%, #C6C1CB66 95%);

リニア

HEX #C6C1CB66 まで HEX #F8F1FE


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #F8F1FE


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 3%, #F8F1FE 93%);

 

HEX #F8F1FE まで HEX #C6C1CB66


CSSコード:

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

 

HEX #F8F1FE まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #F8F1FE 3%, #C6C1CB66 95%);

 

HEX #C6C1CB66 まで HEX #313032


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 9%, #313032 96%);

 

HEX #C6C1CB66 まで HEX #313032


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 14%, #313032 97%);

 

HEX #313032 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #313032 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #313032 11%, #C6C1CB66 95%);

 

HEX #C6C1CB66 まで HEX #636065


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 2%, #636065 93%);

 

HEX #C6C1CB66 まで HEX #636065


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 3%, #636065 95%);

 

HEX #636065 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #636065 3%, #C6C1CB66 86%);

 

HEX #636065 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #636065 8%, #C6C1CB66 100%);

 

HEX #C6C1CB66 まで HEX #949198


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #949198


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 12%, #949198 95%);

 

HEX #949198 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #949198 8%, #C6C1CB66 97%);

 

HEX #949198 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #949198 9%, #C6C1CB66 99%);

リニア

HEX #C6C1CB66 まで HEX #CBC1C4


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #CBC1C4


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 3%, #CBC1C4 86%);

 

HEX #CBC1C4 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #CBC1C4 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC1C4 8%, #C6C1CB66 97%);

 

HEX #C6C1CB66 まで HEX #C1CBC2


CSSコード:

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

 

HEX #C6C1CB66 まで HEX #C1CBC2


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 6%, #C1CBC2 89%);

 

HEX #C1CBC2 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #C1CBC2 12%, #C6C1CB66 90%);

 

HEX #C1CBC2 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C1CBC2 6%, #C6C1CB66 91%);

リニア

HEX #C6C1CB66 まで HEX #CBC6C1


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 1%, #CBC6C1 96%);

ラジアル

HEX #C6C1CB66 まで HEX #CBC6C1


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 0%, #CBC6C1 92%);

 

HEX #CBC6C1 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #CBC6C1 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC6C1 10%, #C6C1CB66 91%);

 

HEX #C6C1CB66 まで HEX #C1CBC6


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 6%, #C1CBC6 96%);

 

HEX #C6C1CB66 まで HEX #C1CBC6


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 9%, #C1CBC6 100%);

 

HEX #C1CBC6 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #C1CBC6 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C1CBC6 0%, #C6C1CB66 97%);

リニア

HEX #C6C1CB66 まで HEX #CBC1C4


CSSコード:

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

ラジアル

HEX #C6C1CB66 まで HEX #CBC1C4


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 4%, #CBC1C4 97%);

 

HEX #CBC1C4 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #CBC1C4 14%, #C6C1CB66 94%);

 

HEX #CBC1C4 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC1C4 12%, #C6C1CB66 97%);

 

HEX #C6C1CB66 まで HEX #C6CBC1


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 5%, #C6CBC1 100%);

 

HEX #C6C1CB66 まで HEX #C6CBC1


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 9%, #C6CBC1 93%);

 

HEX #C6CBC1 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #C6CBC1 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C6CBC1 12%, #C6C1CB66 89%);

 

HEX #C6C1CB66 まで HEX #C1CBC8


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 7%, #C1CBC8 99%);

 

HEX #C6C1CB66 まで HEX #C1CBC8


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 6%, #C1CBC8 100%);

 

HEX #C1CBC8 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #C1CBC8 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C1CBC8 12%, #C6C1CB66 88%);

リニア

HEX #C6C1CB66 まで HEX #CBC1C1


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 4%, #CBC1C1 92%);

ラジアル

HEX #C6C1CB66 まで HEX #CBC1C1


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 8%, #CBC1C1 89%);

 

HEX #CBC1C1 まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #CBC1C1 8%, #C6C1CB66 99%);

 

HEX #CBC1C1 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #CBC1C1 5%, #C6C1CB66 95%);

 

HEX #C6C1CB66 まで HEX #C6CBC1


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 1%, #C6CBC1 99%);

 

HEX #C6C1CB66 まで HEX #C6CBC1


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 11%, #C6CBC1 96%);

 

HEX #C6CBC1 まで HEX #C6C1CB66


CSSコード:

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

 

HEX #C6CBC1 まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C6CBC1 9%, #C6C1CB66 100%);

 

HEX #C6C1CB66 まで HEX #C1CBCB


CSSコード:

background-image: linear-gradient(135deg, #C6C1CB66 8%, #C1CBCB 97%);

 

HEX #C6C1CB66 まで HEX #C1CBCB


CSSコード:

background-image: radial-gradient(circle, #C6C1CB66 1%, #C1CBCB 98%);

 

HEX #C1CBCB まで HEX #C6C1CB66


CSSコード:

background-image: linear-gradient(135deg, #C1CBCB 8%, #C6C1CB66 88%);

 

HEX #C1CBCB まで HEX #C6C1CB66


CSSコード:

background-image: radial-gradient(circle, #C1CBCB 12%, #C6C1CB66 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
Icons

カミーユ に 呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
Icons

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
Icons

カミーユ に ラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGBA 赤 緑 青 透過率
Icons

カミーユ に ラル®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RAL® 番号 (RAL 0000)
Icons

カミーユ に 豚足®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで HKS® 番号(HKS 00)
Icons

カミーユ に パントン®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで Pantone® 番号 (Pantone 0000)
Icons

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
Icons

カミーユ に エヌシーエス®

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

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー
nsc-logo

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率
nsc-logo

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー

Icons
nsc-logo

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB
nsc-logo

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)
nsc-logo

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)
nsc-logo

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de