シンプルで使いやすいのが登場！ UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
これすごい便利！17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list | コリス
色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。
美しい色合いのグラデーションに癒されるパズルアプリ、I Love Hue（アイラブヒュー） - 日めくりインドア女子
I Love Hue（アイラブヒュー）というアプリをご存知でしょうか。 直訳すると「私は色相が大好き」という一風変わった名前のパズルゲームです。あまりの美しさに、このところかなり癒されているのでぜひご紹介させてください。 どんなゲーム？ I Love Hueはグラデーションの色合いをあわせるゲームです。 ばらばらになった色のパネルを、色調を考えながら指で入れ替えて解いていきます。 ゲームとはいえども、制限時間や対戦などはありません。あくまで自分のペースで進めていくことができます。 すべての色調が合うとクリアーとなり、解くまでに何回入れ替えたかという「ムーブ数」が平均と合わせて表示されます。 いかに少ないターンでクリアするか、そこに挑戦してみるのも面白いと思います。 ▼パネルがばらばらになっている最初の状態 モザイクみたいで、「うひゃー大変そうだーー」と思ってしまいそうになりますが、「・」が
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
配色が苦手な人に！写真やイラストに使用されているカラーから画像を引き立たせる美しいグラデーションをつくりだすスクリプト -Grade.js | コリス
<script src="path/to/grade.js"></script> <script type="text/javascript"> window.addEventListener('load', function(){ /* A NodeList of all your image containers (Or a single Node). The library will locate an <img /> within each container to create the gradient from. */ Grade(document.querySelectorAll('.gradient-wrap')) }) </script>
カラーのセンスが磨ける！色彩感覚や色覚異常のチェックができるオンラインサイトのまとめ
ゲーム感覚で気楽に、色彩感覚や色覚異常のチェックができる無料オンラインサイトを紹介します。カラーのセンスが磨け、カラーを見極めるスキルがきっとアップします！
色弱のユーザーにもやさしいランディングページのデザイン | POSTD
私がバックエンドでいくつかの新機能を開発している間に、Fannyが我々のホームページの再デザインで非常にいい仕事をしてくれました。それ自体についてはまた別の記事で書くことにするのですが、それまでの合間に、我々のホームページの最初のバージョンに関するひとつの 逸話 をシェアしたいと思います。 Elokenzのホームページ(Ver.1) 私が最初にホームページをデザインしたとき、こういった仕事をどのように行うかという経験が本当に全くありませんでした。私は腕まくりをして、 Bootstrap を使って一からその制作を始めました。そのとき気に留めていたことは、 Oli Gardner が コンバージョンにフォーカスしたデザイン について述べた Unbounceの電子書籍 からのTipsだけでした。 そのため、ホームには気を散らしてしまうような要素を配置しないようにし、コントラストの高い2つのCal
低速回線でGoogle画像検索するのが楽しい件【通信制限を楽しもう】 - ラーメンとアイコン
月末ですね。 月末と言えば7GB超過の通信速度制限。 今回、スマホの通信速度制限を楽しむ方法を見つけたので、皆さんお教えたいと思います。 その方法とは・・・ 低速回線でGoogle画像検索をするだけ。 すると、こうなります。 Google画像検索の仕様上、画像の読み込みが終わるまで、その画像で使われている特徴的な色が背景として表示されているようなんですが… まるでモンドリアンの絵みたいで、綺麗じゃないですか？ photo by williamcromar 例えば「空」と検索したときの青色と、「海」と検索したときの青色は、Googleに言わせればこんな違いがあります。 また、色を持たない概念もこの方法を使えば、具体化できてしまいます。 こちらは「戦争」の色と「平和」の色の違い。 低速回線でGoogle画像検索すると、人々が言葉に対して持つ色のイメージが明らかになる、という気付きでした。 ぜひ
Interactive Drag and Drop Coloring Concept | Codrops
A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette. Today we would like to share a fun interactive coloring concept with you. The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts). You might have encountered customization tools before, but we wanted to a
あなたは4色型色覚の持ち主か？4色型色覚チェックテスト : カラパイア
さて上の画像を見てほしい。3つの円が同じ色の点で満たされて見えるのなら、人間の一般的な色覚と言われている”3色型色覚”の持ち主だ。だが、円の中に異なる色の文字が見えるなど、ちょっと違う見え方をしているのなら特別な才能の持ち主かもしれない。あなたは普通の人より色が多く見える、”4色型色覚”の可能性がある。
なぜドレスの色の錯覚はおきたか？-色の恒常性- - Sideswipe
ドレスの写真って？ インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか？ 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます（チートシートでは「c」がついています）。
Kotaku - The Gamer's Guide
Due in large part to poor sales of co-op first-person shooter Overkill’s The Walking Dead, Swedish video game developer and publisher Starbreeze today filed for reconstruction with the Stockholm District Court, with CEO Bo Andersson leaving his position and resigning from the company board of directors.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables | Rob Weychert
colorify.rocks
２つの色をブレンドすることが出来るJS「colorblendjs」:phpspot開発日誌
Hue-angle transitions · Riley J. Shaw
新着記事
IDEA * IDEA
