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

✕

CSS グラデーション:
#C0B58C

インフォメーション

一網打尽

2色グラデーション - コンプリメンタリー・カラー

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

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

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

2色グラデーション - 明るい色合い

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

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

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

2色グラデーション - ダークシェード

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

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

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

表示オプション

商品説明

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

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

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

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。

CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ皆無シアン 6 マゼンタ 27 黄色と 25

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

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

ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

21% - Ie139
リンク: http://www.ie139.com

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

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

レッツゴー

からの2色グラデーション #C0B58C - コンプリメンタリー・カラー

リニア

HEX #C0B58C まで HEX #3F4A73

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 7%, #3F4A73 93%);

ラジアル

HEX #C0B58C まで HEX #3F4A73

CSSコード:

background-image: radial-gradient(circle, #C0B58C 9%, #3F4A73 91%);

HEX #3F4A73 まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #3F4A73 11%, #C0B58C 89%);

HEX #3F4A73 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #3F4A73 12%, #C0B58C 99%);

からの2色グラデーション #C0B58C - 明るい色合い

リニア

HEX #C0B58C まで HEX #BFA68B

CSSコード:

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

ラジアル

HEX #C0B58C まで HEX #BFA68B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #BFA68B 100%);

HEX #BFA68B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BFA68B 0%, #C0B58C 91%);

HEX #BFA68B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFA68B 7%, #C0B58C 93%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

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

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 8%, #BFB48B 94%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BFB48B 3%, #C0B58C 90%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFB48B 13%, #C0B58C 94%);

HEX #C0B58C まで HEX #BDBF8B

CSSコード:

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

HEX #C0B58C まで HEX #BDBF8B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 12%, #BDBF8B 91%);

HEX #BDBF8B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BDBF8B 5%, #C0B58C 87%);

HEX #BDBF8B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BDBF8B 6%, #C0B58C 98%);

HEX #C0B58C まで HEX #AFBF8B

CSSコード:

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

HEX #C0B58C まで HEX #AFBF8B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 13%, #AFBF8B 96%);

HEX #AFBF8B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #AFBF8B 1%, #C0B58C 100%);

HEX #AFBF8B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #AFBF8B 9%, #C0B58C 89%);

からの2色グラデーション #C0B58C - ダークシェード

リニア

HEX #C0B58C まで HEX #B0A371

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 7%, #B0A371 90%);

ラジアル

HEX #C0B58C まで HEX #B0A371

CSSコード:

background-image: radial-gradient(circle, #C0B58C 6%, #B0A371 98%);

HEX #B0A371 まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #B0A371 11%, #C0B58C 88%);

HEX #B0A371 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #B0A371 4%, #C0B58C 95%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 9%, #BFB48B 87%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 1%, #BFB48B 89%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

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

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFB48B 8%, #C0B58C 87%);

HEX #C0B58C まで HEX #CEC5A6

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 13%, #CEC5A6 100%);

HEX #C0B58C まで HEX #CEC5A6

CSSコード:

background-image: radial-gradient(circle, #C0B58C 11%, #CEC5A6 100%);

HEX #CEC5A6 まで HEX #C0B58C

CSSコード:

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

HEX #CEC5A6 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #CEC5A6 8%, #C0B58C 97%);

HEX #C0B58C まで HEX #DCD7C1

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 10%, #DCD7C1 92%);

HEX #C0B58C まで HEX #DCD7C1

CSSコード:

background-image: radial-gradient(circle, #C0B58C 2%, #DCD7C1 88%);

HEX #DCD7C1 まで HEX #C0B58C

CSSコード:

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

HEX #DCD7C1 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #DCD7C1 14%, #C0B58C 93%);

からの2色グラデーション #C0B58C - アナログカラー

リニア

HEX #C0B58C まで HEX #BFA68B

CSSコード:

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

ラジアル

HEX #C0B58C まで HEX #BFA68B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 2%, #BFA68B 97%);

HEX #BFA68B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BFA68B 8%, #C0B58C 95%);

HEX #BFA68B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFA68B 5%, #C0B58C 98%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 2%, #BFB48B 88%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 10%, #BFB48B 98%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BFB48B 0%, #C0B58C 96%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFB48B 8%, #C0B58C 100%);

HEX #C0B58C まで HEX #BDBF8B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 6%, #BDBF8B 98%);

HEX #C0B58C まで HEX #BDBF8B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 5%, #BDBF8B 100%);

HEX #BDBF8B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BDBF8B 0%, #C0B58C 94%);

HEX #BDBF8B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BDBF8B 0%, #C0B58C 87%);

HEX #C0B58C まで HEX #AFBF8B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 7%, #AFBF8B 95%);

HEX #C0B58C まで HEX #AFBF8B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #AFBF8B 91%);

HEX #AFBF8B まで HEX #C0B58C

CSSコード:

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

HEX #AFBF8B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #AFBF8B 1%, #C0B58C 97%);

からの2色グラデーション #C0B58C - モノクロームカラー

リニア

HEX #C0B58C まで HEX #B0A371

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 12%, #B0A371 94%);

ラジアル

HEX #C0B58C まで HEX #B0A371

CSSコード:

background-image: radial-gradient(circle, #C0B58C 1%, #B0A371 92%);

HEX #B0A371 まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #B0A371 2%, #C0B58C 89%);

HEX #B0A371 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #B0A371 7%, #C0B58C 98%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 8%, #BFB48B 89%);

HEX #C0B58C まで HEX #BFB48B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 1%, #BFB48B 94%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BFB48B 10%, #C0B58C 92%);

HEX #BFB48B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BFB48B 14%, #C0B58C 89%);

HEX #C0B58C まで HEX #CEC5A6

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 6%, #CEC5A6 91%);

HEX #C0B58C まで HEX #CEC5A6

CSSコード:

background-image: radial-gradient(circle, #C0B58C 12%, #CEC5A6 93%);

HEX #CEC5A6 まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #CEC5A6 4%, #C0B58C 96%);

HEX #CEC5A6 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #CEC5A6 3%, #C0B58C 99%);

HEX #C0B58C まで HEX #DCD7C1

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 14%, #DCD7C1 90%);

HEX #C0B58C まで HEX #DCD7C1

CSSコード:

background-image: radial-gradient(circle, #C0B58C 1%, #DCD7C1 97%);

HEX #DCD7C1 まで HEX #C0B58C

CSSコード:

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

HEX #DCD7C1 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #DCD7C1 11%, #C0B58C 88%);

からの2色グラデーション #C0B58C - 部分補色

リニア

HEX #C0B58C まで HEX #8CBF8B

CSSコード:

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

ラジアル

HEX #C0B58C まで HEX #8CBF8B

CSSコード:

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

HEX #8CBF8B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #8CBF8B 9%, #C0B58C 89%);

HEX #8CBF8B まで HEX #C0B58C

CSSコード:

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

HEX #C0B58C まで HEX #9F8BBF

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 3%, #9F8BBF 90%);

HEX #C0B58C まで HEX #9F8BBF

CSSコード:

background-image: radial-gradient(circle, #C0B58C 11%, #9F8BBF 90%);

HEX #9F8BBF まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #9F8BBF 10%, #C0B58C 93%);

HEX #9F8BBF まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #9F8BBF 14%, #C0B58C 94%);

からの2色グラデーション #C0B58C - トライアディックカラー

リニア

HEX #C0B58C まで HEX #8BBFB4

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 6%, #8BBFB4 88%);

ラジアル

HEX #C0B58C まで HEX #8BBFB4

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #8BBFB4 86%);

HEX #8BBFB4 まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #8BBFB4 3%, #C0B58C 93%);

HEX #8BBFB4 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #8BBFB4 3%, #C0B58C 91%);

HEX #C0B58C まで HEX #B48BBF

CSSコード:

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

HEX #C0B58C まで HEX #B48BBF

CSSコード:

background-image: radial-gradient(circle, #C0B58C 2%, #B48BBF 100%);

HEX #B48BBF まで HEX #C0B58C

CSSコード:

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

HEX #B48BBF まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #B48BBF 1%, #C0B58C 94%);

からの2色グラデーション #C0B58C - 長方形（四分子）カラー

リニア

HEX #C0B58C まで HEX #8CBF8B

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 6%, #8CBF8B 86%);

ラジアル

HEX #C0B58C まで HEX #8CBF8B

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #8CBF8B 90%);

HEX #8CBF8B まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #8CBF8B 9%, #C0B58C 94%);

HEX #8CBF8B まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #8CBF8B 12%, #C0B58C 95%);

HEX #C0B58C まで HEX #8B97BF

CSSコード:

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

HEX #C0B58C まで HEX #8B97BF

CSSコード:

background-image: radial-gradient(circle, #C0B58C 9%, #8B97BF 90%);

HEX #8B97BF まで HEX #C0B58C

CSSコード:

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

HEX #8B97BF まで HEX #C0B58C

CSSコード:

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

HEX #C0B58C まで HEX #BE8BBF

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 13%, #BE8BBF 100%);

HEX #C0B58C まで HEX #BE8BBF

CSSコード:

background-image: radial-gradient(circle, #C0B58C 4%, #BE8BBF 95%);

HEX #BE8BBF まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #BE8BBF 2%, #C0B58C 99%);

HEX #BE8BBF まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BE8BBF 4%, #C0B58C 88%);

からの2色グラデーション #C0B58C - スクエアカラー

リニア

HEX #C0B58C まで HEX #8BBF9A

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 2%, #8BBF9A 100%);

ラジアル

HEX #C0B58C まで HEX #8BBF9A

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #8BBF9A 97%);

HEX #8BBF9A まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #8BBF9A 5%, #C0B58C 92%);

HEX #8BBF9A まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #8BBF9A 0%, #C0B58C 92%);

HEX #C0B58C まで HEX #8B97BF

CSSコード:

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

HEX #C0B58C まで HEX #8B97BF

CSSコード:

background-image: radial-gradient(circle, #C0B58C 0%, #8B97BF 89%);

HEX #8B97BF まで HEX #C0B58C

CSSコード:

background-image: linear-gradient(135deg, #8B97BF 5%, #C0B58C 91%);

HEX #8B97BF まで HEX #C0B58C

CSSコード:

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

HEX #C0B58C まで HEX #BF8BB0

CSSコード:

background-image: linear-gradient(135deg, #C0B58C 13%, #BF8BB0 96%);

HEX #C0B58C まで HEX #BF8BB0

CSSコード:

background-image: radial-gradient(circle, #C0B58C 3%, #BF8BB0 94%);

HEX #BF8BB0 まで HEX #C0B58C

CSSコード:

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

HEX #BF8BB0 まで HEX #C0B58C

CSSコード:

background-image: radial-gradient(circle, #BF8BB0 11%, #C0B58C 92%);

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

サービス内容

カラー

ラグビーに呪咀

から変換する RGB レッド・グリーン・ブルーまで #RRGGBB

ラグビーにカミーユ

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

ラグビーにラル®

から変換する RGB レッド・グリーン・ブルーまで RAL® 番号 (RAL 0000)

ラグビーに豚足®

から変換する RGB レッド・グリーン・ブルーまで HKS® 番号(HKS 00)

ラグビーにパントン®

から変換する RGB レッド・グリーン・ブルーまで Pantone® 番号 (Pantone 0000)

ラグビーにシャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

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

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

ラグバに呪咀

から変換する RGBA 赤緑青透過率まで #RRGGBB

ラグバにカミーユ

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

ラグバにラル®

から変換する RGBA 赤緑青透過率まで RAL® 番号 (RAL 0000)

ラグバに豚足®

から変換する RGBA 赤緑青透過率まで HKS® 番号(HKS 00)

ラグバにパントン®

から変換する RGBA 赤緑青透過率まで Pantone® 番号 (Pantone 0000)

ラグバにシャーウィン・ウィリアムズ®

から変換する RGBA 赤緑青透過率までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバにエヌシーエス®

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

カミーユに呪咀

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

呪咀にラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀にラグバ

から変換する #RRGGBB まで RGBA 赤緑青透過率

呪咀にカミーユ

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

呪咀にラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀に豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀にパントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀にシャーウィン・ウィリアムズ®

から変換する #RRGGBB までシャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀にエヌシーエス®

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

ラル® にラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® にラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤緑青透過率

ラル® にカミーユ

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

ラル® に呪咀

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

豚足® にラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® にラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤緑青透過率

豚足® にカミーユ

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

豚足® に呪咀

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

パントン® にラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® にラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤緑青透過率

パントン® にカミーユ

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

パントン® に呪咀

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

シャーウィン・ウィリアムズ® にラグビー

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® にラグバ

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤緑青透過率

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

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

シャーウィン・ウィリアムズ® に呪咀

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® にラル®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に豚足®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® にパントン®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® にエヌシーエス®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

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

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

エヌシーエス® にラグバ

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

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

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

エヌシーエス® に呪咀

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

Public

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal