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

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

関連記事

サイト制作の参考に!Webデザインギャラリーサイト10選

みなさんはWebサイトを制作する時、どのように参考を探していますか? ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。 …

【Illustrator】ドキュメントをPDF化する時は「複製を保存」で行うのが安心

IllustratorドキュメントをPDF化する時、私は以下のようなミスをよくやってしまいます。 Illustratorで作ったものを、一旦クライアントに送ったりするために別名保存でPDF化 ↓ PD …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

細いラインがおしゃれなアイコンの素材サイト3選!

最近、「キレイ、シンプル、おしゃれ」といったサイトをいろいろと見ていて気づいたことがあります。 それは、使われている線やアイコンが細めだということ。 そこで今回、細いラインのアイコンを無料で配布してい …

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …