指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。
I Love Hue（アイラブヒュー）というアプリをご存知でしょうか。 直訳すると「私は色相が大好き」という一風変わった名前のパズルゲームです。あまりの美しさに、このところかなり癒されているのでぜひご紹介させてください。 どんなゲーム？ I Love Hueはグラデーションの色合いをあわせるゲームです。 ばらばらになった色のパネルを、色調を考えながら指で入れ替えて解いていきます。 ゲームとはいえども、制限時間や対戦などはありません。あくまで自分のペースで進めていくことができます。 すべての色調が合うとクリアーとなり、解くまでに何回入れ替えたかという「ムーブ数」が平均と合わせて表示されます。 いかに少ないターンでクリアするか、そこに挑戦してみるのも面白いと思います。 ▼パネルがばらばらになっている最初の状態 モザイクみたいで、「うひゃー大変そうだーー」と思ってしまいそうになりますが、「・」が
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
<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>
ゲーム感覚で気楽に、色彩感覚や色覚異常のチェックができる無料オンラインサイトを紹介します。カラーのセンスが磨け、カラーを見極めるスキルがきっとアップします！
私がバックエンドでいくつかの新機能を開発している間に、Fannyが我々のホームページの再デザインで非常にいい仕事をしてくれました。それ自体についてはまた別の記事で書くことにするのですが、それまでの合間に、我々のホームページの最初のバージョンに関するひとつの 逸話 をシェアしたいと思います。 Elokenzのホームページ(Ver.1) 私が最初にホームページをデザインしたとき、こういった仕事をどのように行うかという経験が本当に全くありませんでした。私は腕まくりをして、 Bootstrap を使って一からその制作を始めました。そのとき気に留めていたことは、 Oli Gardner が コンバージョンにフォーカスしたデザイン について述べた Unbounceの電子書籍 からのTipsだけでした。 そのため、ホームには気を散らしてしまうような要素を配置しないようにし、コントラストの高い2つのCal
月末ですね。 月末と言えば7GB超過の通信速度制限。 今回、スマホの通信速度制限を楽しむ方法を見つけたので、皆さんお教えたいと思います。 その方法とは・・・ 低速回線でGoogle画像検索をするだけ。 すると、こうなります。 Google画像検索の仕様上、画像の読み込みが終わるまで、その画像で使われている特徴的な色が背景として表示されているようなんですが… まるでモンドリアンの絵みたいで、綺麗じゃないですか？ photo by williamcromar 例えば「空」と検索したときの青色と、「海」と検索したときの青色は、Googleに言わせればこんな違いがあります。 また、色を持たない概念もこの方法を使えば、具体化できてしまいます。 こちらは「戦争」の色と「平和」の色の違い。 低速回線でGoogle画像検索すると、人々が言葉に対して持つ色のイメージが明らかになる、という気付きでした。 ぜひ
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
この画像を大きなサイズで見る さて上の画像を見てほしい。3つの円が同じ色の点で満たされて見えるのなら、人間の一般的な色覚と言われている”3色型色覚”の持ち主だ。だが、円の中に異なる色の文字が見えるなど、ちょっと違う見え方をしているのなら特別な才能の持ち主かもしれない。あなたは普通の人より色が多く見える、”4色型色覚”の可能性がある。 4色型色覚とは？ 4色型色覚の潜在的な保有者は2、3人しか見つかっていないと言われている。 人間の網膜には3色の光受容細胞がある。これは赤、緑、青の”錐体細胞”と呼ばれる。つまり人間は通常は3色型色覚を持っているのだ。 錐体細胞の各”フレーバー”は特定の範囲の色のスペクトルに反応する。普段色を認識したとき、それは複数の錐体細胞からの信号の組み合わせの結果だ。 例えば、”オレンジ色”が見えたなら、緑錐体細胞からの中程度の信号と赤錐体細胞からの強い信号の結果である
ドレスの写真って？ インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか？ 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
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.
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く