Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
日本の伝統色を集めた「NIPPON COLORS」のご紹介 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

日本の伝統色を集めた「NIPPON COLORS」のご紹介

投稿日:

和風のデザインを制作するとき、配色の参考になる素晴らしいサイトを見つけたのでご紹介します。

その名も「NIPPON COLORS – 日本の伝統色」といって、日本らしい色の数々がストックされていて、カラーコードを抽出できるWEBサービスです。

配色サイトは他にも数多くありますが、このサイトの特徴はなんと言ってもお洒落なこと!

それぞれの色をクリックした時に、画面全体がその色味に変わっていく様子も素敵なんです。

 

色を変えたい時は、それぞれのカラーを選択することで背景と名前が切り替わるのですが、見てみると様々な色の名前があることが分かり勉強になります。

気に入った色のカラーコードを抽出したい時は、RGBのテキストにカーソルを持っていくことで、カラーコードをコピーすることができますよ。

 

 

ちなみに、画面右端にある「MUNSELL」というボタンをクリックすると、美しいデモンストレーションが始まるという楽しい仕掛けもあったりします。

 

紅・山吹色・橙など日本古来の色の名称は実際にどんな色なのかイメージしづらいときがあるので、そんな時にもってこいなサイトだと思います。

ただ色んな色を眺めているだけでも楽しいサイトなのでよかったらご活用ください。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Macユーザー必見!過去のコピー履歴を管理できる「Clipy」のご紹介

パソコンで作業していると、よくURLやテキストをコピーすると思います。 当たり前ですが、ペーストしないうちに新しいものをコピーすると、最初にコピーしたものが分からなくなってしまいますよね。 そんな時、 …

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

Macをお得に買うなら、Apple整備済製品がオススメ!

Mac製品を少しでも安く買いたい…という方のために、超お得なApple整備済製品についてご紹介します! 「Apple整備済製品って何?」「どのくらいお得なの?」「商品はちゃんとしてるの?」など、実際に …

ロゴの背景を簡単に透明にできる「画像透過ツール」

今回は、PhotoshopやIllustratorなどのソフトを使わずに、ブラウザで簡単にロゴの背景を透過することができる「画像透過ツール」をご紹介します。   「画像透過ツール」の使い方 …

Webデザイナーとして採用されるために、私が作ったポートフォリオの内容をご紹介。

  Webデザイナーの面接には必ずポートフォリオが必要です。     ですが、   ポートフォリオに何を載せたらいいのか分からない… どんな形式で作成すればいいの…?   と悩 …