プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
画像からカラーコードを抽出し 近い配色も教えてくれる「Pic2Color」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画像からカラーコードを抽出して 配色も提案してくれる「Pic2Color」「pic2color」は、画像をURLで指定するか、アップロードすると、その画像からカラーコードを抽出、その抽出された中から選んだ色の配色を提案してくれるサービスです。 画像からカラーコードを抽出↑画像をアップすると、画像に含まれるカラーコードを抽出します。選んだカラーコードの近似色を使った配色を表示↑選んだカラーコードに近い色の配色を提案してくれます。このツールもなかなかおもしろくて便利。ここで試してみるブログパーツも配布していたのでここに埋め込んでみました。興味のある方はpic2colorへどうぞ。 私もサイトを結構作りますが、デザイナーではないので、配色を検討する際にはこ
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
ウェブデザイナーの作業を助ける12のオンラインツール
カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers
アドビ、オンライン版「Photoshop Express」のベータを公開
Adobe Systemsは米国時間3月27日、Photoshopのオンライン版である「Photoshop Express」のベータ版を公開した。これは、画像を調整、共有、保管する簡単な方法を求めている多くの消費者にとって待望のウェブベースの画像編集アプリケーションである。 Photoshop Expressは、「www.photoshop.com/express」で無償公開されており、2Gバイトのストレージが利用可能となっている。同製品は、Adobeのデスクトップソフトウェアビジネスにとって大きな転換であり、同社がウェブサービスを消費者に直接提供することで利益を出すことができるかどうかの大きな賭けである。 Photoshop Expressを動かすにはFlash Player 9が必要となる。同アプリケーションはブラウザベースのアプリケーションの限界を押し広げ、数多く存在する無料のオンラ
10万件以上のロゴのベクターデータがダウンロードできる「ロゴタンク」
制作には色々とついて回る企業ロゴデータ。今日紹介する「ロゴタンク」は企業、団体、商品などのロゴマークデータを10万点以上、無料でダウンロードできるようになっています。 配布している形式はIllustrator EPS形式で対応しているイラストレーターのバージョンは8.0以降となっています。配布されているロゴデータは業界に偏り無く有りとあらゆる業種のロゴデータが配布されています。 詳しくは以下 10万点とかなり膨大な数のロゴデータが登録されていますが、検索できるようになっていますので、使いたいロゴが決まっていればさほど迷わずお目当てのロゴを探し当てることができるかと思います。 当然の事ながら、企業公認、公式ではないので、商用で使用する場合は該当企業、団体に許可を得て使用してください。またトレースで制作しているのが多いからなのか、完全には一致していない場合があります。epsで配布してくれていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい！ | ライフハッカー・ジャパン
IDEA * IDEA
kuler
フォトショじゃないとは信じられない『Artweaver』で画像編集 | ライフハッカー・ジャパン
パワポ用アドオンpptPlexでプレゼンをもっと自由に！ | ライフハッカー・ジャパン
画像の重複を検索・削除してくれる『DupliFinder』（フリーソフト） | ライフハッカー・ジャパン
１クリックでデスクトップの色を取得するスポイトツール -Instant Eyedropper
IDEA * IDEA
Vladstudio.com