Chrome デベロッパーツールのスポイトツールは、ブラウザ内のカラーしか取得できませんでしたが、Chrome 103の新機能として、ブラウザ外のカラーも取得できるようになりました。 ブラウザ外がOKになったので、別アプリで開いている画像からカラーを取得することもできます。
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! 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 someone who uses Sa
カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。 カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
デザインやイラストで色の組み合わせに悩んだ時に、さくっと簡単に使える便利なオンラインのカラーツールを紹介します。 カラーのセンスがなくても、色のよい組み合わせが分かります！ Color Calculatorはその名の通りカラーの計算機で、指定したカラーから色の組み合わせのセオリーを用いて、その色にあった色をずばり表示します。 アメリカのデザイン学校のコンテンツで、シンプルで非常に使いやすいです。 色の組み合わせのセオリー 補色: Complementary ある色とカラーホイールの反対側の色との組み合わせ。 同一色相: Monochromatic ある色とその色のバリエーションとの組み合わせ。 類似色: Analogous ある色のカラーホイールで隣接している3つの色の組み合わせ。 分裂補色: Split complementary ある色とその補色の両隣の2つの色との組み合わせ。 3色配
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。
Turns black and white vision on When activated, the extension disables borders, outlines, background colors, text colors, box shadows and text shadows. Seeing a web page in such a rudimentary form helps you evaluate the information hierarchy of your design. Suddenly it becomes much easier to make sure you are adhering to a coherent visual grid. Without the visual clutter it allows you to see the t
jQuery color plugin xcolor ? Code is poetry HTMLの色をミックスしたり、色にフィルタをかけたりして操作できるjQueryプラグイン「xcolor」。 #xxxxxx の形式を操作するのはちょっと難しいと思っていましたが、このプラグインで簡単にできそう。 既存の色をセピア化、グレー化 補色、WEBカラーへの変換 特定色の類似色を得る かなり多機能です。 ユーザが入力した色をベースにカラースキーマ等を自動生成する場合に使えそうです 関連エントリ 画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」 色の細かなカスタマイズが可能なスライド式カラーピッカー「jQuery Color Picker Sliders」 オシャレで高機能なドロップダウンを実装できるjQueryプラグイン「jqu
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）をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 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の使い方 使い方は簡単でカラーを選択する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く