タグ

カラーとcssに関するsscrのブックマーク (4)

  • カラーツール「0to255」で色を決めてメニューを作ってみる

    このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん

    カラーツール「0to255」で色を決めてメニューを作ってみる
  • 意外と説明できない・・・なぜリンクの色が優先されるのか調べてみた

    こんにちは湿気でつやつやてかてかの井畑です。 今回はCSSのリンクの色についてふと疑問に思うことがあったので、調べて記事にしてみました。 調べてみると、何て事はなかったのですが(爆)目から鱗というかなるほどーと思うことだったので、皆さんの脳みそのしわの一つにでもなれば幸いです。 それではどうぞー! aのリンク色はなぜ親要素から継承されないの? 僕が疑問を持った点を説明します。まずはコチラをご覧ください

    意外と説明できない・・・なぜリンクの色が優先されるのか調べてみた
  • さまざまなブレンドモードを試せる『COLORBLENDY』 | 100SHIKI

    あまり一般的ではないが、デザイナーさんにとって便利そうなサービスをご紹介。 COLORBLENDYを使えば、2つの色を指定してブレンドモードを指定すればどういう風になるかを教えてくれる。 スクリーンとか乗算、オーバーレイなど、直感的にはわかりにくいブレンドモードをいろいろ試すのにはいいですな。 わざわざ画像編集ソフトを立ち上げる必要がないので便利だろう。ドメインもシンプルだし、覚えておいても損はないかと。

    さまざまなブレンドモードを試せる『COLORBLENDY』 | 100SHIKI
  • サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*

    どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか? そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー(スポイドツール)で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 (クリックすると、このページの色情報が表示されます) 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample:WE

    サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
  • 1