読者です 読者をやめる 読者になる 読者になる

Hope is a Dream. Dream is a Hope.

非公開ふぃふぃ工房ブログ

↓LINE登録はこちら↓

定期的につぶやいてます. 記事に興味を持って頂いたかたや、Line Botを使ってみたいかたは試しに登録どうぞ

友だち追加

カラーパレット関連のメモ

PHP Javascript WEB

さてさて。

CSSを使っていると必ず出くわす。色。

僕は色が苦手。

絵を描くときもいつも白黒だけ。。

さてこれを気に勉強しよう。

と言うことで、カラーパレット関連を調べてみた。

HTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレットを作ってみる (後編) | Developers.IO

f:id:hope_is_dream:20140518113035p:plain

フラットデザインに似合う色を集めたカラーパレット『Flat UI Colors』 - K'conf

f:id:hope_is_dream:20140518113043p:plain

標準カラー16色をモダンにリメイクしたカラーパレット『colors.css』 - K'conf

f:id:hope_is_dream:20140518113049p:plain

Paletta - HSV Color palette for every Programmer HSV Color palette for every Programmer Palettaは顕色系(色相, 明度, 彩度)をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. PCから閲覧している場合は, カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます.

f:id:hope_is_dream:20140518113646p:plain

Web Site Color Picker | Webサイトで使われている"色"を抽出、分析します♪

f:id:hope_is_dream:20140518113829p:plain

Color Hex - ColorHexa.com

f:id:hope_is_dream:20140518114038p:plain

色コードを入力すると、色合いや濃淡パターン、カラースキーム、代替色の候補を表示してくれます。色の方向性が決まった後に使うと便利です。

iWantHue - Tutorial

f:id:hope_is_dream:20140518114849p:plain

統計的にカラーパターンを決めてるみたい。
個人的には一番面白い。

ビジュアリティーに優れたカラーパレット・ジェネレーター『iWantHue』 - K'conf