フラットなデザインの配色に悩んだときに使えるツールや参考になるサイト｜Webpark

2013/08/29 29 users CSS Webpark フラットデザイン 勉強 配色

フラットデザインは配色が重要といわれています。カラフルなものやレトロなものなどありますが、どれも独特の色使いです。 で、今回はそのサイトがどのような色を使っているのか確認する方法を紹介します。この方法で色んなサイトの配色を見ていくと非常に勉強になると思います。 CSS Prism by Ryan Berg 使い方は簡単。CSSのアドレスを入力するだけです。 CSSから色を抜き出すので画像に使われて... 続きを読む

CSSからカラーコードを抜き出して表示する「CSS Prism」｜Webpark

2011/07/14 18 users CSSファイル HTMLファイル Webpark URL 勉強

指定したCSSファイルで使われているカラーコードを抜き出して表示する「CSS Prism」というサイトがあったので何となくご紹介。 使い方も簡単ですし、いろんなサイトを見ていると勉強になるかも。 CSS Prism by Ryan Berg 使い方は非常に簡単、CSSファイルのURLを入力して「LOAD CSS」をクリックするだけ。HTMLファイル内にスタイルを書いている場合はHTMLファイルでも... 続きを読む

CSSのアドレスを入力すると使われている色の一覧をプレビューできる「CSS Prism」:phpspot開発日誌

2011/06/29 55 users CSS phpspot開発日誌 色合い ツール カラー

CSS Prism by Ryan Berg CSSのアドレスを入力すると使われている色の一覧をプレビューできる「CSS Prism」 特定CSSの特徴を知りたい場合に色を調査すればどこに何があるか分かりやすそうです。 例えば、あるサイトで３つのCSSが使われているとして、このツールでそれぞれ調査すればどの部分でどのカラーを定義しているのか？というのが一目瞭然になります。 また、このサイトの色合い... 続きを読む