個人的に役立ったデザイン素材や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
  • 7

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

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

Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ

Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を

記事を読む

トレンドカラー(流行色)をご紹介!2013年秋冬のトレンドカラーはこれ

デザインするとき、どんな色にするか迷うことってないですか? クライアントから明確な指示があればいい

記事を読む

2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー

SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi

記事を読む

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

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

記事を読む

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。 JA

記事を読む

色彩検定2級に短期期間で合格できるオススメ問題集・参考書2冊

あなたは今年の目標を立てましたか? 資格試験合格の目標を立てている人はたくさんいますよね。 この

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE

記事を読む

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

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

SpinExpoが2016年秋冬の流行色・トレンドカラーを発表しました。 デザインや商品企画などで

記事を読む