簡単にすぐできる！ Chrome デベロッパーツールの新機能、ブラウザ外でもスポイトでカラーを取得できるようになりましたChrome デベロッパーツールのスポイトツールは、ブラウザ内のカラーしか取得できませんでしたが、Chrome 103の新機能として、ブラウザ外のカラーも取得できるようになりました。 ブラウザ外がOKになったので、別アプリで開いている画像からカラーを取得することもできます。
シンプルで使いやすいのが登場！ UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
ColorMe / CSS Color Level 4 | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Does this look weird? .element { background: color(#eb8fa9 alpha(75%) blackness(20%)); } That’s the “color function” from a draft spec from the CSS working group. I think it’s all about making colors a little easier and more intuitive to work with. Looks awesome to me, as so
カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir
カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。 カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
色の組み合わせ方がよく分かる！さくっと簡単に使える便利なカラーツール -Color Calculator
デザインやイラストで色の組み合わせに悩んだ時に、さくっと簡単に使える便利なオンラインのカラーツールを紹介します。 カラーのセンスがなくても、色のよい組み合わせが分かります！ Color Calculatorはその名の通りカラーの計算機で、指定したカラーから色の組み合わせのセオリーを用いて、その色にあった色をずばり表示します。 アメリカのデザイン学校のコンテンツで、シンプルで非常に使いやすいです。 色の組み合わせのセオリー 補色: Complementary ある色とカラーホイールの反対側の色との組み合わせ。 同一色相: Monochromatic ある色とその色のバリエーションとの組み合わせ。 類似色: Analogous ある色のカラーホイールで隣接している3つの色の組み合わせ。 分裂補色: Split complementary ある色とその補色の両隣の2つの色との組み合わせ。 3色配
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。
HTMLの色をミックスしたり、色にフィルタをかけたりして操作できるjQueryプラグイン「xcolor」:phpspot開発日誌
jQuery color plugin xcolor ? Code is poetry HTMLの色をミックスしたり、色にフィルタをかけたりして操作できるjQueryプラグイン「xcolor」。 #xxxxxx の形式を操作するのはちょっと難しいと思っていましたが、このプラグインで簡単にできそう。 既存の色をセピア化、グレー化 補色、WEBカラーへの変換 特定色の類似色を得る かなり多機能です。 ユーザが入力した色をベースにカラースキーマ等を自動生成する場合に使えそうです 関連エントリ 画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」 色の細かなカスタマイズが可能なスライド式カラーピッカー「jQuery Color Picker Sliders」 オシャレで高機能なドロップダウンを実装できるjQueryプラグイン「jqu
The Ultimate Guide to Flat Design | Webdesigner Depot
It is easy to say that 2013 has so far been the year of flat design. Even Apple, the driver of the skeuomorphic design trend for many years, is trying some level of flat design when it releases iOS 7 later this year. So are you ready to try it out as well? Not sure how to get started? WebdesignerDepot is here to help with a guide of flat design resources. We’ve put together a giant list of everyth
一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青（#0099CE）をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
指定したカラーを元に展開したカラーを一覧表示するカラースキーム設計に役立つPhotoshopの機能拡張 -ColdWarm
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 ColdWarmのインストール ColdWarmの使い方 ColdWarmのインストール ColdWarmはPhotoshop CS5, 6用の機能拡張で、下記ページからファイルをダウンロードします。 ColdWarm 「Free Download」から、CS5, CS6を選択してクリックしてください。 ダウンロードした「ColdWarm_CS6_1_3_2.zxp」をダブルクリックすると、Adobe Extension Managerが自動で開くので、説明を読み、インストールします。 インストールが完了したら、Photoshopを再起動し、ツールバーの[ウインドウ]-[エクステンション]から「ColdWarm」を選択すると起動します。 PhotoshopでColdWarmを起動 ColdWarmの使い方 使い方は簡単でカラーを選択する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Black and White