個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。
スイススタイルとは、1940年代から1950年代にかけて、スイスを起源として一世を風靡したデザインスタイル。
現在、デザインではフラットデザインが主流となっていますが、そのもとになったデザインとも言われています。
そんなスイスデザインの特徴的なカラー/配色を簡単に利用できるのが今回ご紹介するカラーピッカーです。
今後のデザインワークのご参考になれば幸いです。

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカー「Swiss Style Color Picker」

フラットデザインの元になったともいわれるスイススタイル。
グリッドの利用、左右非対称のレイアウト、サンセリフ書体の利用などが特徴で、1940年代から1950年代にかけて一世を風靡しました。
今見てもスタイリッシュで洗練されたデザインです。
具体的には「Swissted」をご覧いただければ、スイススタイルの素晴らしさがよくわかると思います。

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

そんなスイススタイルのカラー・配色を簡単に利用できるカラーピッカーが「Swiss Style Color Picker」です。

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

使い方は簡単。
気なるカラーをクリックするだけです。
たってこれだけで、HEXコードがクリップボードにコピーされています。
あとは、WEBやアプリなどにペーストして利用するだけ。

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

インターフェース自体が、スイススタイルのカラー配色にもなっているので、そのまま利用するもいいですし、参考にするもいいですね。
Swiss Style Color Picker

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。

記事を読む

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX

記事を読む

Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+

Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

2015年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2015年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2015年秋冬の流行色・トレンドカラーを発表しましたので、いち早くご紹介します!

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

2014年夏のトレンドカラー・流行色:Le Cuir発表

2014年春夏の流行色(トレンドカラー)については、前回の記事 「2014年春夏の流行色・トレンド

記事を読む

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。 背

記事を読む

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaって色に決まりました。

記事を読む

配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表

PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin

記事を読む