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

CSS グラデーション:
#336699

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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



ブランド

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

52% - Barbara Haven's Webs...
リンク: http://barbarahaven.com

71% - jo[zeRezo] - Welcome...
リンク: http://jo.zerezo.com

70% - Warviks hjemmeside
リンク: http://www.vegio.net

69% - WIZUT - Wydział Info...
リンク: http://wi.zut.edu.pl

68% - 404 - Page introuvab...
リンク: http://askmedia.blog.fr

53% - The Great Good Place
リンク: http://thegreatgoodplace.com

18% - セブン銀行 【公式サイト】
リンク: http://www.sevenbank.co.jp

28% - Gaziantep Web Tasarı...
リンク: http://ebiron.com

43% - Jamie Eppolite, The ...
リンク: http://jamieeppolite.com

32% - Casa Carras | Urlaub...
リンク: http://www.casacarras.de

47% - 瑞艾數位科技-最懂您的APP夥伴
リンク: http://rai.dscloud.me

84% - Overflow Of My Brain...
リンク: http://blog.webrene.es

45% - Home - Islamica
リンク: http://www.islamicaweb.com

90% - lastmayday's thi...
リンク: http://lastmayday.github.io

92% - Peltzman Design
リンク: http://peltzmandesign.com

71% - Startseite - Einhaus...
リンク: http://www.ebr-geeste.de

50% - Dongway1986
リンク: http://www.dongjinhu.com

55% - :: INFLIBNET Centre,...
リンク: http://www.inflibnet.ac.in

30% - EP Vantage - Login
リンク: https://www.epvantage.com

95% - Autodor-Book — учебн...
リンク: http://autodor-book.com

42% - .| Gobierno de la Pr...
リンク: http://www.cgepm.gov.ar

80% - Open Source Informat...
リンク: http://edoceo.com

24% - 一项网-项城论坛_项城家园_项城商城_项...
リンク: http://www.xiangchengshi.com

16% - 首页 - 订票通
リンク: http://www.dp180.com

67% - Atlantic Ecology Div...
リンク: http://www.epa.gov

79% - Titles
リンク: https://boss.basch.com

37% - Home
リンク: http://www.casfaa.org

32% - 起業家と投資家マッチング - グッドエン...
リンク: http://angel.good-hills.co.jp

90% - Instant Virtual Extr...
リンク: https://portal.neusoft.com

95% - ::. Sistemas Informa...
リンク: http://sicya.com

17% - 加賀ハイテック株式会社
リンク: https://www.kagaht.co.jp

77% - Daguero - Lovely Liv...
リンク: http://daguero.de

95% - cookie!
リンク: http://kookie.sinaapp.com

78% - 番禺民生网
リンク: http://www.xhjk.com.cn

74% - Tente Fazer Diferent...
リンク: http://www.yanklovinsk.com.br

100% - 뵤+
リンク: http://byo.dothome.co.kr

88% - UnivIS der Friedrich...
リンク: https://univis.uni-erlangen.de

44% - 大立科技-红外热像仪, 热成像仪, 红外...
リンク: http://www.dali-tech.com

64% - seg.org - SEG Deepwa...
リンク: http://www.seg.org

55% - seg.org - SEG/SP...
リンク: http://www.seg.org

28% - 病院検索ならここカラダ:病院検索など医療...
リンク: http://www.cocokarada.jp

82% - Random Data Generato...
リンク: http://randat.com

26% - EY総合研究所
リンク: http://eyi.eyjapan.jp

60% - waraji
リンク: http://nesotu.x.fc2.com

33% - 電通イーマーケティングワン
リンク: http://www.dentsu-em1.co.jp

78% - Anti-CTTN monoclonal...
リンク: http://www.creative-diagnostics.com

29% - JAGシーベル株式会社
リンク: http://www.jagseabell.jp

84% - Главная - Душевые ка...
リンク: http://new.erlit.eu

79% - Land Use Facts - New...
リンク: http://www.nyc.gov

48% - Real Club Náutico de...
リンク: http://www.rcncastellon.es

40% - トーヨーカラー株式会社
リンク: http://www.toyo-color.com

51% - 入札・入札情報サービスNJSS|国内の官...
リンク: http://www.njss.info

64% - Rötter - Sveriges Sl...
リンク: http://www.genealogi.se

49% - Enovanet Développeme...
リンク: http://www.enovanet.fr

20% - CEOメッセージ | [THK || J...
リンク: http://www.thk.com

79% - Anti-GRHL2 polyclona...
リンク: http://www.creative-diagnostics.com

92% - Micro Technology Res...
リンク: http://www.microtechnologyresources.com

86% - Home | Consilient Gr...
リンク: http://consilient-group.com

55% - PHP: PHP マニュアル - Man...
リンク: http://php.net

60% - Login
リンク: http://config.hortonww.com

38% - Pri-Med Online | Pri...
リンク: http://www.pri-med.com

100% - 宇宙の秘密と舌足らず | ナノ
リンク: http://nanos.jp

47% - Escal V3
リンク: http://www2.ac-lyon.fr

60% - Des références - [Es...
リンク: http://www2.ac-lyon.fr

30% - 国際航業株式会社
リンク: http://www.kkc.co.jp

88% - Educasys - Sistema d...
リンク: http://educasys.com.br

55% - UGA C'est party ...
リンク: http://cestparty.univ-grenoble-alpes.fr

27% - CIPPSV ONLINE
リンク: http://www.cippsvonline.com

51% - Arbdates Ontario
リンク: http://www.arbdates.com

50% - Centrum voor Bedrijf...
リンク: http://www.cvbinfo.nl

84% - Gemeinde Schlierbach...
リンク: http://www.schlierbach.de

65% - 試作・研究開発のパートナー 検査・制御シ...
リンク: http://www.umeda-electric.co.jp

95% - investment.com | inv...
リンク: http://investment.com

25% - 【福州分类信息】 福州免费发布信息网 -...
リンク: http://fz.58.com

46% - Kopf-2 - BBZ Merzig
リンク: http://www.bbz-merzig.de

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

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

レッツゴー

リニア

HEX #336699 まで HEX #CC9966


CSSコード:

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

ラジアル

HEX #336699 まで HEX #CC9966


CSSコード:

background-image: radial-gradient(circle, #336699 12%, #CC9966 86%);

 

HEX #CC9966 まで HEX #336699


CSSコード:

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

 

HEX #CC9966 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #CC9966 8%, #336699 97%);

リニア

HEX #336699 まで HEX #4978A7


CSSコード:

background-image: linear-gradient(135deg, #336699 10%, #4978A7 92%);

ラジアル

HEX #336699 まで HEX #4978A7


CSSコード:

background-image: radial-gradient(circle, #336699 0%, #4978A7 100%);

 

HEX #4978A7 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #4978A7 1%, #336699 90%);

 

HEX #4978A7 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #4978A7 13%, #336699 99%);

 

HEX #336699 まで HEX #5A8ABA


CSSコード:

background-image: linear-gradient(135deg, #336699 1%, #5A8ABA 93%);

 

HEX #336699 まで HEX #5A8ABA


CSSコード:

background-image: radial-gradient(circle, #336699 9%, #5A8ABA 89%);

 

HEX #5A8ABA まで HEX #336699


CSSコード:

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

 

HEX #5A8ABA まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #5A8ABA 13%, #336699 97%);

 

HEX #336699 まで HEX #6B9CCD


CSSコード:

background-image: linear-gradient(135deg, #336699 5%, #6B9CCD 97%);

 

HEX #336699 まで HEX #6B9CCD


CSSコード:

background-image: radial-gradient(circle, #336699 5%, #6B9CCD 94%);

 

HEX #6B9CCD まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #6B9CCD 13%, #336699 98%);

 

HEX #6B9CCD まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #6B9CCD 4%, #336699 86%);

 

HEX #336699 まで HEX #7CAEE0


CSSコード:

background-image: linear-gradient(135deg, #336699 11%, #7CAEE0 94%);

 

HEX #336699 まで HEX #7CAEE0


CSSコード:

background-image: radial-gradient(circle, #336699 5%, #7CAEE0 96%);

 

HEX #7CAEE0 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #7CAEE0 3%, #336699 88%);

 

HEX #7CAEE0 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #7CAEE0 4%, #336699 87%);

リニア

HEX #336699 まで HEX #225486


CSSコード:

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

ラジアル

HEX #336699 まで HEX #225486


CSSコード:

background-image: radial-gradient(circle, #336699 4%, #225486 86%);

 

HEX #225486 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #225486 11%, #336699 95%);

 

HEX #225486 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #225486 6%, #336699 92%);

 

HEX #336699 まで HEX #114273


CSSコード:

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

 

HEX #336699 まで HEX #114273


CSSコード:

background-image: radial-gradient(circle, #336699 12%, #114273 88%);

 

HEX #114273 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #114273 11%, #336699 100%);

 

HEX #114273 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #114273 0%, #336699 91%);

 

HEX #336699 まで HEX #003060


CSSコード:

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

 

HEX #336699 まで HEX #003060


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #003060 93%);

 

HEX #003060 まで HEX #336699


CSSコード:

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

 

HEX #003060 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #003060 14%, #336699 92%);

 

HEX #336699 まで HEX #001E4D


CSSコード:

background-image: linear-gradient(135deg, #336699 7%, #001E4D 97%);

 

HEX #336699 まで HEX #001E4D


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #001E4D 92%);

 

HEX #001E4D まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #001E4D 2%, #336699 86%);

 

HEX #001E4D まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #001E4D 6%, #336699 88%);

リニア

HEX #336699 まで HEX #335599


CSSコード:

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

ラジアル

HEX #336699 まで HEX #335599


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #335599 90%);

 

HEX #335599 まで HEX #336699


CSSコード:

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

 

HEX #335599 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #335599 2%, #336699 89%);

 

HEX #336699 まで HEX #334399


CSSコード:

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

 

HEX #336699 まで HEX #334399


CSSコード:

background-image: radial-gradient(circle, #336699 7%, #334399 86%);

 

HEX #334399 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #334399 4%, #336699 86%);

 

HEX #334399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #334399 10%, #336699 97%);

 

HEX #336699 まで HEX #333399


CSSコード:

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

 

HEX #336699 まで HEX #333399


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #333399 100%);

 

HEX #333399 まで HEX #336699


CSSコード:

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

 

HEX #333399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #333399 14%, #336699 92%);

 

HEX #336699 まで HEX #443399


CSSコード:

background-image: linear-gradient(135deg, #336699 4%, #443399 86%);

 

HEX #336699 まで HEX #443399


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #443399 92%);

 

HEX #443399 まで HEX #336699


CSSコード:

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

 

HEX #443399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #443399 8%, #336699 92%);

リニア

HEX #336699 まで HEX #4488CC


CSSコード:

background-image: linear-gradient(135deg, #336699 13%, #4488CC 99%);

ラジアル

HEX #336699 まで HEX #4488CC


CSSコード:

background-image: radial-gradient(circle, #336699 5%, #4488CC 96%);

 

HEX #4488CC まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #4488CC 13%, #336699 87%);

 

HEX #4488CC まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #4488CC 13%, #336699 95%);

 

HEX #336699 まで HEX #000000


CSSコード:

background-image: linear-gradient(135deg, #336699 12%, #000000 98%);

 

HEX #336699 まで HEX #000000


CSSコード:

background-image: radial-gradient(circle, #336699 3%, #000000 97%);

 

HEX #000000 まで HEX #336699


CSSコード:

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

 

HEX #000000 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #000000 6%, #336699 90%);

 

HEX #336699 まで HEX #112233


CSSコード:

background-image: linear-gradient(135deg, #336699 2%, #112233 97%);

 

HEX #336699 まで HEX #112233


CSSコード:

background-image: radial-gradient(circle, #336699 6%, #112233 98%);

 

HEX #112233 まで HEX #336699


CSSコード:

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

 

HEX #112233 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #112233 2%, #336699 90%);

 

HEX #336699 まで HEX #224466


CSSコード:

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

 

HEX #336699 まで HEX #224466


CSSコード:

background-image: radial-gradient(circle, #336699 4%, #224466 90%);

 

HEX #224466 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #224466 13%, #336699 99%);

 

HEX #224466 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #224466 5%, #336699 95%);

リニア

HEX #336699 まで HEX #7A3399


CSSコード:

background-image: linear-gradient(135deg, #336699 13%, #7A3399 96%);

ラジアル

HEX #336699 まで HEX #7A3399


CSSコード:

background-image: radial-gradient(circle, #336699 12%, #7A3399 96%);

 

HEX #7A3399 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #7A3399 14%, #336699 99%);

 

HEX #7A3399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #7A3399 2%, #336699 96%);

 

HEX #336699 まで HEX #8E9933


CSSコード:

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

 

HEX #336699 まで HEX #8E9933


CSSコード:

background-image: radial-gradient(circle, #336699 3%, #8E9933 89%);

 

HEX #8E9933 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #8E9933 10%, #336699 91%);

 

HEX #8E9933 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #8E9933 0%, #336699 94%);

リニア

HEX #336699 まで HEX #993366


CSSコード:

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

ラジアル

HEX #336699 まで HEX #993366


CSSコード:

background-image: radial-gradient(circle, #336699 3%, #993366 96%);

 

HEX #993366 まで HEX #336699


CSSコード:

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

 

HEX #993366 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #993366 11%, #336699 99%);

 

HEX #336699 まで HEX #669933


CSSコード:

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

 

HEX #336699 まで HEX #669933


CSSコード:

background-image: radial-gradient(circle, #336699 9%, #669933 89%);

 

HEX #669933 まで HEX #336699


CSSコード:

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

 

HEX #669933 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #669933 13%, #336699 99%);

リニア

HEX #336699 まで HEX #7A3399


CSSコード:

background-image: linear-gradient(135deg, #336699 0%, #7A3399 98%);

ラジアル

HEX #336699 まで HEX #7A3399


CSSコード:

background-image: radial-gradient(circle, #336699 12%, #7A3399 93%);

 

HEX #7A3399 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #7A3399 3%, #336699 92%);

 

HEX #7A3399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #7A3399 4%, #336699 97%);

 

HEX #336699 まで HEX #996633


CSSコード:

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

 

HEX #336699 まで HEX #996633


CSSコード:

background-image: radial-gradient(circle, #336699 8%, #996633 87%);

 

HEX #996633 まで HEX #336699


CSSコード:

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

 

HEX #996633 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #996633 7%, #336699 87%);

 

HEX #336699 まで HEX #519933


CSSコード:

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

 

HEX #336699 まで HEX #519933


CSSコード:

background-image: radial-gradient(circle, #336699 7%, #519933 94%);

 

HEX #519933 まで HEX #336699


CSSコード:

background-image: linear-gradient(135deg, #519933 8%, #336699 87%);

 

HEX #519933 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #519933 9%, #336699 88%);

リニア

HEX #336699 まで HEX #993399


CSSコード:

background-image: linear-gradient(135deg, #336699 13%, #993399 99%);

ラジアル

HEX #336699 まで HEX #993399


CSSコード:

background-image: radial-gradient(circle, #336699 8%, #993399 95%);

 

HEX #993399 まで HEX #336699


CSSコード:

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

 

HEX #993399 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #993399 6%, #336699 97%);

 

HEX #336699 まで HEX #996633


CSSコード:

background-image: linear-gradient(135deg, #336699 10%, #996633 90%);

 

HEX #336699 まで HEX #996633


CSSコード:

background-image: radial-gradient(circle, #336699 7%, #996633 90%);

 

HEX #996633 まで HEX #336699


CSSコード:

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

 

HEX #996633 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #996633 2%, #336699 97%);

 

HEX #336699 まで HEX #339933


CSSコード:

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

 

HEX #336699 まで HEX #339933


CSSコード:

background-image: radial-gradient(circle, #336699 2%, #339933 95%);

 

HEX #339933 まで HEX #336699


CSSコード:

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

 

HEX #339933 まで HEX #336699


CSSコード:

background-image: radial-gradient(circle, #339933 3%, #336699 95%);

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

サービス内容

カラー

ラグビー に 呪咀

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