プライバシー設定

この設定ページでは、あなたの個人データの処理方法を指定できます。提供されたリンクを使用して、いつでも決定を変更できます。以下に説明されている処理に同意するには、スイッチを適切に切り替えてください。または、「すべて拒否」ボタンを使用してすべてのオプションを無効にし、選択を保存することもできます。

追跡技術の使用に関する選択

このセクションでは、以下の目的で特定の追跡技術の使用に同意するかどうかを個別に決定できます。これらの技術の使用方法や仕組みの詳細は、クッキーポリシーをご覧ください。ご注意：特定の目的を拒否した場合、当ウェブサイトの一部の機能が利用できない、または制限される場合があります。

必須

説明を表示

機能性

説明を表示

統計とパフォーマンス測定

説明を表示

マーケティング

説明を表示

提供期間 APIが拡張されました。

新しいAPI V3.0: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-10-21 から 2025-11-21 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
RGB 197 8 136

インフォメーション

一網打尽

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

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

ウェブデザインのためのシンプルさ：あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。

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

線形および放射状の色遷移の例を明るい色合いから見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

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

線形および放射状の色遷移の例をダークシェードから見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

赤と青がこの色調を支配しているのは明らかで、赤と青の値が緑を上回っている。暗い色：色の値が低いと暗く見える。

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

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

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

CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ皆無シアン 96 マゼンタ 31 黄色と 23 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

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

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

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

レッツゴー

からの2色グラデーション RGB 197 8 136 - コンプリメンタリー・カラー

リニア

HEX #C50888 まで HEX #3AF777

CSSコード:

background-image: linear-gradient(135deg, #C50888 2%, #3AF777 92%);

ラジアル

HEX #C50888 まで HEX #3AF777

CSSコード:

background-image: radial-gradient(circle, #C50888 6%, #3AF777 91%);

HEX #3AF777 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #3AF777 11%, #C50888 95%);

HEX #3AF777 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #3AF777 13%, #C50888 96%);

からの2色グラデーション RGB 197 8 136 - 明るい色合い

リニア

HEX #C50888 まで HEX #C408BA

CSSコード:

background-image: linear-gradient(135deg, #C50888 0%, #C408BA 98%);

ラジアル

HEX #C50888 まで HEX #C408BA

CSSコード:

background-image: radial-gradient(circle, #C50888 4%, #C408BA 95%);

HEX #C408BA まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #C408BA 2%, #C50888 87%);

HEX #C408BA まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C408BA 2%, #C50888 97%);

HEX #C50888 まで HEX #C40888

CSSコード:

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

HEX #C50888 まで HEX #C40888

CSSコード:

background-image: radial-gradient(circle, #C50888 14%, #C40888 98%);

HEX #C40888 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #C40888 12%, #C50888 93%);

HEX #C40888 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40888 13%, #C50888 95%);

HEX #C50888 まで HEX #C40856

CSSコード:

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

HEX #C50888 まで HEX #C40856

CSSコード:

background-image: radial-gradient(circle, #C50888 9%, #C40856 92%);

HEX #C40856 まで HEX #C50888

CSSコード:

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

HEX #C40856 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40856 11%, #C50888 94%);

HEX #C50888 まで HEX #C40824

CSSコード:

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

HEX #C50888 まで HEX #C40824

CSSコード:

background-image: radial-gradient(circle, #C50888 9%, #C40824 96%);

HEX #C40824 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #C40824 8%, #C50888 86%);

HEX #C40824 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40824 6%, #C50888 90%);

からの2色グラデーション RGB 197 8 136 - ダークシェード

リニア

HEX #C50888 まで HEX #9C076C

CSSコード:

background-image: linear-gradient(135deg, #C50888 13%, #9C076C 89%);

ラジアル

HEX #C50888 まで HEX #9C076C

CSSコード:

background-image: radial-gradient(circle, #C50888 6%, #9C076C 94%);

HEX #9C076C まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #9C076C 2%, #C50888 96%);

HEX #9C076C まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #9C076C 0%, #C50888 86%);

HEX #C50888 まで HEX #C40887

CSSコード:

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

HEX #C50888 まで HEX #C40887

CSSコード:

background-image: radial-gradient(circle, #C50888 14%, #C40887 91%);

HEX #C40887 まで HEX #C50888

CSSコード:

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

HEX #C40887 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40887 4%, #C50888 89%);

HEX #C50888 まで HEX #EB0AA3

CSSコード:

background-image: linear-gradient(135deg, #C50888 4%, #EB0AA3 90%);

HEX #C50888 まで HEX #EB0AA3

CSSコード:

background-image: radial-gradient(circle, #C50888 11%, #EB0AA3 98%);

HEX #EB0AA3 まで HEX #C50888

CSSコード:

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

HEX #EB0AA3 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #EB0AA3 2%, #C50888 97%);

HEX #C50888 まで HEX #F628B4

CSSコード:

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

HEX #C50888 まで HEX #F628B4

CSSコード:

background-image: radial-gradient(circle, #C50888 12%, #F628B4 89%);

HEX #F628B4 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #F628B4 14%, #C50888 87%);

HEX #F628B4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #F628B4 11%, #C50888 100%);

からの2色グラデーション RGB 197 8 136 - アナログカラー

リニア

HEX #C50888 まで HEX #C408BA

CSSコード:

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

ラジアル

HEX #C50888 まで HEX #C408BA

CSSコード:

background-image: radial-gradient(circle, #C50888 6%, #C408BA 86%);

HEX #C408BA まで HEX #C50888

CSSコード:

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

HEX #C408BA まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C408BA 14%, #C50888 100%);

HEX #C50888 まで HEX #C40888

CSSコード:

background-image: linear-gradient(135deg, #C50888 2%, #C40888 87%);

HEX #C50888 まで HEX #C40888

CSSコード:

background-image: radial-gradient(circle, #C50888 0%, #C40888 87%);

HEX #C40888 まで HEX #C50888

CSSコード:

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

HEX #C40888 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40888 10%, #C50888 87%);

HEX #C50888 まで HEX #C40856

CSSコード:

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

HEX #C50888 まで HEX #C40856

CSSコード:

background-image: radial-gradient(circle, #C50888 6%, #C40856 97%);

HEX #C40856 まで HEX #C50888

CSSコード:

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

HEX #C40856 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40856 2%, #C50888 100%);

HEX #C50888 まで HEX #C40824

CSSコード:

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

HEX #C50888 まで HEX #C40824

CSSコード:

background-image: radial-gradient(circle, #C50888 8%, #C40824 86%);

HEX #C40824 まで HEX #C50888

CSSコード:

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

HEX #C40824 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40824 6%, #C50888 96%);

からの2色グラデーション RGB 197 8 136 - モノクロームカラー

リニア

HEX #C50888 まで HEX #9C076C

CSSコード:

background-image: linear-gradient(135deg, #C50888 12%, #9C076C 94%);

ラジアル

HEX #C50888 まで HEX #9C076C

CSSコード:

background-image: radial-gradient(circle, #C50888 9%, #9C076C 86%);

HEX #9C076C まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #9C076C 2%, #C50888 95%);

HEX #9C076C まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #9C076C 0%, #C50888 92%);

HEX #C50888 まで HEX #C40887

CSSコード:

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

HEX #C50888 まで HEX #C40887

CSSコード:

background-image: radial-gradient(circle, #C50888 0%, #C40887 86%);

HEX #C40887 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #C40887 12%, #C50888 93%);

HEX #C40887 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C40887 3%, #C50888 93%);

HEX #C50888 まで HEX #EB0AA3

CSSコード:

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

HEX #C50888 まで HEX #EB0AA3

CSSコード:

background-image: radial-gradient(circle, #C50888 5%, #EB0AA3 88%);

HEX #EB0AA3 まで HEX #C50888

CSSコード:

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

HEX #EB0AA3 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #EB0AA3 2%, #C50888 97%);

HEX #C50888 まで HEX #F628B4

CSSコード:

background-image: linear-gradient(135deg, #C50888 9%, #F628B4 94%);

HEX #C50888 まで HEX #F628B4

CSSコード:

background-image: radial-gradient(circle, #C50888 14%, #F628B4 89%);

HEX #F628B4 まで HEX #C50888

CSSコード:

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

HEX #F628B4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #F628B4 10%, #C50888 97%);

からの2色グラデーション RGB 197 8 136 - 部分補色

リニア

HEX #C50888 まで HEX #C46908

CSSコード:

background-image: linear-gradient(135deg, #C50888 1%, #C46908 89%);

ラジアル

HEX #C50888 まで HEX #C46908

CSSコード:

background-image: radial-gradient(circle, #C50888 14%, #C46908 100%);

HEX #C46908 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #C46908 0%, #C50888 98%);

HEX #C46908 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C46908 0%, #C50888 100%);

HEX #C50888 まで HEX #08C4B4

CSSコード:

background-image: linear-gradient(135deg, #C50888 12%, #08C4B4 88%);

HEX #C50888 まで HEX #08C4B4

CSSコード:

background-image: radial-gradient(circle, #C50888 0%, #08C4B4 98%);

HEX #08C4B4 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #08C4B4 8%, #C50888 95%);

HEX #08C4B4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #08C4B4 11%, #C50888 95%);

からの2色グラデーション RGB 197 8 136 - トライアディックカラー

リニア

HEX #C50888 まで HEX #88C408

CSSコード:

background-image: linear-gradient(135deg, #C50888 0%, #88C408 87%);

ラジアル

HEX #C50888 まで HEX #88C408

CSSコード:

background-image: radial-gradient(circle, #C50888 0%, #88C408 93%);

HEX #88C408 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #88C408 4%, #C50888 88%);

HEX #88C408 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #88C408 2%, #C50888 92%);

HEX #C50888 まで HEX #0888C4

CSSコード:

background-image: linear-gradient(135deg, #C50888 1%, #0888C4 87%);

HEX #C50888 まで HEX #0888C4

CSSコード:

background-image: radial-gradient(circle, #C50888 3%, #0888C4 97%);

HEX #0888C4 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #0888C4 8%, #C50888 94%);

HEX #0888C4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #0888C4 5%, #C50888 86%);

からの2色グラデーション RGB 197 8 136 - 長方形（四分子）カラー

リニア

HEX #C50888 まで HEX #C46908

CSSコード:

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

ラジアル

HEX #C50888 まで HEX #C46908

CSSコード:

background-image: radial-gradient(circle, #C50888 6%, #C46908 95%);

HEX #C46908 まで HEX #C50888

CSSコード:

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

HEX #C46908 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C46908 12%, #C50888 90%);

HEX #C50888 まで HEX #08C444

CSSコード:

background-image: linear-gradient(135deg, #C50888 0%, #08C444 94%);

HEX #C50888 まで HEX #08C444

CSSコード:

background-image: radial-gradient(circle, #C50888 3%, #08C444 94%);

HEX #08C444 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #08C444 10%, #C50888 100%);

HEX #08C444 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #08C444 3%, #C50888 97%);

HEX #C50888 まで HEX #0863C4

CSSコード:

background-image: linear-gradient(135deg, #C50888 13%, #0863C4 88%);

HEX #C50888 まで HEX #0863C4

CSSコード:

background-image: radial-gradient(circle, #C50888 4%, #0863C4 97%);

HEX #0863C4 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #0863C4 6%, #C50888 92%);

HEX #0863C4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #0863C4 13%, #C50888 95%);

からの2色グラデーション RGB 197 8 136 - スクエアカラー

リニア

HEX #C50888 まで HEX #C4A108

CSSコード:

background-image: linear-gradient(135deg, #C50888 6%, #C4A108 97%);

ラジアル

HEX #C50888 まで HEX #C4A108

CSSコード:

background-image: radial-gradient(circle, #C50888 7%, #C4A108 91%);

HEX #C4A108 まで HEX #C50888

CSSコード:

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

HEX #C4A108 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #C4A108 11%, #C50888 100%);

HEX #C50888 まで HEX #08C444

CSSコード:

background-image: linear-gradient(135deg, #C50888 12%, #08C444 93%);

HEX #C50888 まで HEX #08C444

CSSコード:

background-image: radial-gradient(circle, #C50888 5%, #08C444 93%);

HEX #08C444 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #08C444 6%, #C50888 95%);

HEX #08C444 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #08C444 5%, #C50888 90%);

HEX #C50888 まで HEX #082BC4

CSSコード:

background-image: linear-gradient(135deg, #C50888 12%, #082BC4 88%);

HEX #C50888 まで HEX #082BC4

CSSコード:

background-image: radial-gradient(circle, #C50888 7%, #082BC4 96%);

HEX #082BC4 まで HEX #C50888

CSSコード:

background-image: linear-gradient(135deg, #082BC4 1%, #C50888 98%);

HEX #082BC4 まで HEX #C50888

CSSコード:

background-image: radial-gradient(circle, #082BC4 9%, #C50888 95%);

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

サービス内容

カラー

ラグビーに呪咀

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

Log 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

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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