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

✕

CSS グラデーション:
RGB 104 103 102

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、どの色も特に目立つことはありません。色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

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

レッツゴー

からの2色グラデーション RGB 104 103 102 - コンプリメンタリー・カラー

リニア

HEX #686766 まで HEX #979899

CSSコード:

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

ラジアル

HEX #686766 まで HEX #979899

CSSコード:

background-image: radial-gradient(circle, #686766 4%, #979899 94%);

HEX #979899 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #979899 5%, #686766 89%);

HEX #979899 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #979899 13%, #686766 87%);

からの2色グラデーション RGB 104 103 102 - 明るい色合い

リニア

HEX #686766 まで HEX #7E7974

CSSコード:

background-image: linear-gradient(135deg, #686766 3%, #7E7974 95%);

ラジアル

HEX #686766 まで HEX #7E7974

CSSコード:

background-image: radial-gradient(circle, #686766 9%, #7E7974 97%);

HEX #7E7974 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #7E7974 10%, #686766 92%);

HEX #7E7974 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #7E7974 2%, #686766 86%);

HEX #686766 まで HEX #8F8B87

CSSコード:

background-image: linear-gradient(135deg, #686766 7%, #8F8B87 91%);

HEX #686766 まで HEX #8F8B87

CSSコード:

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

HEX #8F8B87 まで HEX #686766

CSSコード:

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

HEX #8F8B87 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #8F8B87 2%, #686766 88%);

HEX #686766 まで HEX #A09D9A

CSSコード:

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

HEX #686766 まで HEX #A09D9A

CSSコード:

background-image: radial-gradient(circle, #686766 6%, #A09D9A 98%);

HEX #A09D9A まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #A09D9A 8%, #686766 100%);

HEX #A09D9A まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #A09D9A 3%, #686766 92%);

HEX #686766 まで HEX #B1AFAD

CSSコード:

background-image: linear-gradient(135deg, #686766 4%, #B1AFAD 95%);

HEX #686766 まで HEX #B1AFAD

CSSコード:

background-image: radial-gradient(circle, #686766 12%, #B1AFAD 91%);

HEX #B1AFAD まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #B1AFAD 2%, #686766 94%);

HEX #B1AFAD まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #B1AFAD 3%, #686766 92%);

からの2色グラデーション RGB 104 103 102 - ダークシェード

リニア

HEX #686766 まで HEX #575553

CSSコード:

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

ラジアル

HEX #686766 まで HEX #575553

CSSコード:

background-image: radial-gradient(circle, #686766 8%, #575553 91%);

HEX #575553 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #575553 14%, #686766 91%);

HEX #575553 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #575553 1%, #686766 97%);

HEX #686766 まで HEX #464340

CSSコード:

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

HEX #686766 まで HEX #464340

CSSコード:

background-image: radial-gradient(circle, #686766 0%, #464340 88%);

HEX #464340 まで HEX #686766

CSSコード:

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

HEX #464340 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #464340 2%, #686766 87%);

HEX #686766 まで HEX #35312D

CSSコード:

background-image: linear-gradient(135deg, #686766 11%, #35312D 97%);

HEX #686766 まで HEX #35312D

CSSコード:

background-image: radial-gradient(circle, #686766 0%, #35312D 96%);

HEX #35312D まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #35312D 7%, #686766 96%);

HEX #35312D まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #35312D 2%, #686766 99%);

HEX #686766 まで HEX #241F1A

CSSコード:

background-image: linear-gradient(135deg, #686766 12%, #241F1A 90%);

HEX #686766 まで HEX #241F1A

CSSコード:

background-image: radial-gradient(circle, #686766 14%, #241F1A 91%);

HEX #241F1A まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #241F1A 7%, #686766 100%);

HEX #241F1A まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #241F1A 13%, #686766 87%);

からの2色グラデーション RGB 104 103 102 - アナログカラー

リニア

HEX #686766 まで HEX #676664

CSSコード:

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

ラジアル

HEX #686766 まで HEX #676664

CSSコード:

background-image: radial-gradient(circle, #686766 3%, #676664 94%);

HEX #676664 まで HEX #686766

CSSコード:

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

HEX #676664 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #676664 3%, #686766 99%);

HEX #686766 まで HEX #676664

CSSコード:

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

HEX #686766 まで HEX #676664

CSSコード:

background-image: radial-gradient(circle, #686766 8%, #676664 88%);

HEX #676664 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #676664 4%, #686766 95%);

HEX #676664 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #676664 3%, #686766 96%);

HEX #686766 まで HEX #676764

CSSコード:

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

HEX #686766 まで HEX #676764

CSSコード:

background-image: radial-gradient(circle, #686766 12%, #676764 89%);

HEX #676764 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #676764 0%, #686766 95%);

HEX #676764 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #676764 9%, #686766 92%);

HEX #686766 まで HEX #666764

CSSコード:

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

HEX #686766 まで HEX #666764

CSSコード:

background-image: radial-gradient(circle, #686766 14%, #666764 97%);

HEX #666764 まで HEX #686766

CSSコード:

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

HEX #666764 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #666764 1%, #686766 90%);

からの2色グラデーション RGB 104 103 102 - モノクロームカラー

リニア

HEX #686766 まで HEX #9B9A98

CSSコード:

background-image: linear-gradient(135deg, #686766 3%, #9B9A98 100%);

ラジアル

HEX #686766 まで HEX #9B9A98

CSSコード:

background-image: radial-gradient(circle, #686766 11%, #9B9A98 100%);

HEX #9B9A98 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #9B9A98 10%, #686766 99%);

HEX #9B9A98 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #9B9A98 4%, #686766 92%);

HEX #686766 まで HEX #CECCCA

CSSコード:

background-image: linear-gradient(135deg, #686766 9%, #CECCCA 98%);

HEX #686766 まで HEX #CECCCA

CSSコード:

background-image: radial-gradient(circle, #686766 2%, #CECCCA 88%);

HEX #CECCCA まで HEX #686766

CSSコード:

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

HEX #CECCCA まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #CECCCA 12%, #686766 89%);

HEX #686766 まで HEX #020202

CSSコード:

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

HEX #686766 まで HEX #020202

CSSコード:

background-image: radial-gradient(circle, #686766 4%, #020202 92%);

HEX #020202 まで HEX #686766

CSSコード:

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

HEX #020202 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #020202 9%, #686766 93%);

HEX #686766 まで HEX #353434

CSSコード:

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

HEX #686766 まで HEX #353434

CSSコード:

background-image: radial-gradient(circle, #686766 5%, #353434 100%);

HEX #353434 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #353434 1%, #686766 94%);

HEX #353434 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #353434 5%, #686766 95%);

からの2色グラデーション RGB 104 103 102 - 部分補色

リニア

HEX #686766 まで HEX #656764

CSSコード:

background-image: linear-gradient(135deg, #686766 14%, #656764 89%);

ラジアル

HEX #686766 まで HEX #656764

CSSコード:

background-image: radial-gradient(circle, #686766 0%, #656764 92%);

HEX #656764 まで HEX #686766

CSSコード:

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

HEX #656764 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #656764 7%, #686766 88%);

HEX #686766 まで HEX #656467

CSSコード:

background-image: linear-gradient(135deg, #686766 13%, #656467 94%);

HEX #686766 まで HEX #656467

CSSコード:

background-image: radial-gradient(circle, #686766 4%, #656467 86%);

HEX #656467 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #656467 10%, #686766 94%);

HEX #656467 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #656467 12%, #686766 99%);

からの2色グラデーション RGB 104 103 102 - トライアディックカラー

リニア

HEX #686766 まで HEX #646766

CSSコード:

background-image: linear-gradient(135deg, #686766 2%, #646766 94%);

ラジアル

HEX #686766 まで HEX #646766

CSSコード:

background-image: radial-gradient(circle, #686766 9%, #646766 99%);

HEX #646766 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #646766 13%, #686766 98%);

HEX #646766 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #646766 7%, #686766 87%);

HEX #686766 まで HEX #666467

CSSコード:

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

HEX #686766 まで HEX #666467

CSSコード:

background-image: radial-gradient(circle, #686766 7%, #666467 95%);

HEX #666467 まで HEX #686766

CSSコード:

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

HEX #666467 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #666467 5%, #686766 99%);

からの2色グラデーション RGB 104 103 102 - 長方形（四分子）カラー

リニア

HEX #686766 まで HEX #656764

CSSコード:

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

ラジアル

HEX #686766 まで HEX #656764

CSSコード:

background-image: radial-gradient(circle, #686766 5%, #656764 94%);

HEX #656764 まで HEX #686766

CSSコード:

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

HEX #656764 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #656764 14%, #686766 98%);

HEX #686766 まで HEX #646667

CSSコード:

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

HEX #686766 まで HEX #646667

CSSコード:

background-image: radial-gradient(circle, #686766 5%, #646667 88%);

HEX #646667 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #646667 5%, #686766 91%);

HEX #646667 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #646667 8%, #686766 98%);

HEX #686766 まで HEX #666467

CSSコード:

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

HEX #686766 まで HEX #666467

CSSコード:

background-image: radial-gradient(circle, #686766 11%, #666467 90%);

HEX #666467 まで HEX #686766

CSSコード:

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

HEX #666467 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #666467 4%, #686766 87%);

からの2色グラデーション RGB 104 103 102 - スクエアカラー

リニア

HEX #686766 まで HEX #646764

CSSコード:

background-image: linear-gradient(135deg, #686766 0%, #646764 100%);

ラジアル

HEX #686766 まで HEX #646764

CSSコード:

background-image: radial-gradient(circle, #686766 2%, #646764 95%);

HEX #646764 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #646764 12%, #686766 99%);

HEX #646764 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #646764 6%, #686766 93%);

HEX #686766 まで HEX #646667

CSSコード:

background-image: linear-gradient(135deg, #686766 5%, #646667 88%);

HEX #686766 まで HEX #646667

CSSコード:

background-image: radial-gradient(circle, #686766 1%, #646667 92%);

HEX #646667 まで HEX #686766

CSSコード:

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

HEX #646667 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #646667 4%, #686766 92%);

HEX #686766 まで HEX #676467

CSSコード:

background-image: linear-gradient(135deg, #686766 6%, #676467 94%);

HEX #686766 まで HEX #676467

CSSコード:

background-image: radial-gradient(circle, #686766 13%, #676467 93%);

HEX #676467 まで HEX #686766

CSSコード:

background-image: linear-gradient(135deg, #676467 12%, #686766 95%);

HEX #676467 まで HEX #686766

CSSコード:

background-image: radial-gradient(circle, #676467 13%, #686766 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

Project

Designer

Tutorials & FAQ's

Manufactures

Become a member

Legal