colorcuboはシンプルなカラーパレット管理ツールです。シンプルですが、欲しい機能は一通り揃っており、余計な機能を削いでいる印象でした。主な特徴は複数パレット作成、作成した各パレットのフォルダ分け、ユーザー登録不要、作成したパレットのカラーのクリックコピーなどなど。パレットは5色まで追加可能です。フォルダやパレットの名前は名前の箇所のダブルクリックで編集できます。手軽で良い気がします。 colorcubo
お好みのイメージのカラーをいざデザインに反映させようとしても、具体的に色をピックアップしてバランスよく並べるのは難しいものです。そんな作業を、参考となる写真をアップロードしたりURLを指定するだけで肩代わりしてカラーパレットを作ってくれるサイトがColorFavsです。 ColorFavs http://www.colorfavs.com/ サイトを開くと、ページの上部には写真をアップロードしたりURLを指定するエリアが表示されています。また、その下部には最近作成したカラーパレットや選んだ色がリスト表示されています。 サイトの使い方はカンタンで、まず上部のアイコンのいちばん左にある「From Image」が選ばれている状態で、写真の画像ファイルをドラッグ&ドロップで置いて数秒待つだけで…… 画像から選んだ色が並ぶカラーパレットが作成されました。それぞれの色には16進数によるカラーコードが表
デザインやイラストにすぐに使いたくなるようなミニマルな5つのカラーで構成されたカラーパレットを紹介します。 カラーパレットは全部で、8種類。 魅力的なカラーの組み合わせは非常に参考になります。
2015-11-28 ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない! http://www.uipalette.net/ ブログをカスタマイズするとき色選びに苦労していませんか? 今回は人気の配色ツールをまとめたUIPaletteを使ってみたのでご紹介します。色選びはUIPaletteを使って作業時間をぐんと削減しましょう! UIPalette UIPaletteは左のメニューに用意された11個の配色ツールを自由に選んで利用できます。 BrandColors BrandColorsは海外企業のイメージカラーがまとめられた配色ツール。 ベースカラーを決定しないことには始まらないので、まずはここを参考にしてみましょう。配色パターンを丸ごと使うと企業イメージと被るので注意が必要です。 Paletton Palettonはベースカラーに合わせた配色パターンを表示してくれます。
Android Material DesignAndroid で Material Design のデザイン時に便利に利用でき、様々な配色を便利に利用できるよう layout 用の Color を一覧を作成しました。 プログラムをしながら、同時に配色を決める時に役立ちます。 色の濃さを変更するのも既にカラーコードが宣言してありますので、呼び出すだけで簡単に配色を試すことができます。 概要簡単で、GitHub に置いてあります。 ダウンロード・サイトからの場合 https://github.com/pt106/android-material-color から、Download ZIP ボタンにてダウンロードしてください。 ・git で取得の場合 git clone https://github.com/pt106/android-material-color 使い方m_color.xml
入力された言葉を基に当てはまる配色を表示する色診断サイト「ファルベコローレ」が注目を集めています。自分の名前を入力して色占いなどにも使えますが、イラスト制作やデザインで配色に困ったときにとても便利そうです。 このサイトは、抽象的なものから固有のものまでさまざまな言葉のイメージを複数の色で表現してくれるというもの。「言葉を入力して出てきたカラーパターンだけを使ってイラストやマンガを描く」なんて使い方もされているようです。 「カラー分析・色彩講座」のページでは色数値や色成分の配分なども表示され、詳細な色情報がぎっしり。カラーイメージは定期的に入れ替わるそうで、そのときそのときの色を楽しむことができます。 いつもと違う色の組み合わせが欲しいときや色づかいに迷ったとき、強い味方になってくれるのではないでしょうか。 (太田智美) advertisement 関連記事 「描きたい服のイメージはあるのに
Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが「Material UI Colors」です。 Material UI | Material Design | Material UI Colors http://www.materialui.co/ 「Material UI C
目的 アプリ開発時に色の定義をしてメンバー間で共有したい場合の解決方法 カラーパレットてどこに作られるの? Macのカラーパレットを作成すると、 ~/Library/Colors/ の下にclrという拡張子のファイルが作られます。 ここでは、Paletteの名前がCustomなのでCustom.clrというファイルが作られます。 ※ちなみにカスタムのカラーパレットは下図の設定アイコンから追加可能です。 カラーパレット 背景 開発メンバーのPCの ~/Library/Colors/ にコピーしてね。という運用でも良いのですが、それだと更新が面倒です。 今回は、開発中のProjectの中にclrを追加してそのファイルをMacのColor paletteが参照させる方法をご紹介します。 手順 1 color paletteをコピーする cp ~/Library/Colors/Custom.clr
「いつも同じような感じになってしまう」「このキーカラーに対してどんなアクセントカラーが合うのか」といったデザイン(配色)時の悩みを手助けしてくれるものやインスピレーションをもらえるもの、オリジナルのカラーパレットを簡単に作成・出力できるなど、配色・カラーに関連する便利なサイトやツールのまとめです。 似たようなサイトも多いですが、使いやすさ・見やすさ・情報量などの点でそれぞれ違いがあるので、こういったツールをお探しの方はひと通り試して自分に合ったものを見つけてみてください。 December 22, 2014 追記 「Material Design Color Palette Generator - Material Palette」「Material UI | Material UI Colors」「flatuicolorpicker : Best Flat Colors For UI D
単語を入力するだけでイメージにぴったりな画像を提示してくれ好きなカラーを直感的に探し出してカラーパレットやカラーコードを表示してくれるネットサービスが「Colores」です。 Colores http://colores.manugarri.com/ これがColoresのトップページ。単語を入力するテキストボックスがあるだけという超シンプルなデザインです。 例えば「tree(木)」と入力するとこんな感じでカラーパレットやイメージ画像をずらりと表示してくれます。 単語にぴったりの画像と、その画像に使われている主な色がカラーコード付で表示されるので、イメージにあうカラーコードをすぐに調べられるというわけです。 また、イメージに合うカラーパレットは正方形や…… 長方形で表示されるので、これをクリックすると…… Dribbbleというデザイナーのコミュニティサービスにジャンプ。入力した単語にぴっ
ウェブデザインやアプリのUIを作成する際にどのような色を選んで組み合わせるべきなのかは非常に重要ですが、だからといってプロのデザイナーに頼むほどではない、というときに実践的な組み合わせのカラーパレットをスペースバーを押していくだけで爆速自動生成してくれるのが「Coolors」です。 Coolors - The super fast color palettes generator! http://coolors.co/ 「Coolors」にアクセスすると、すでに自動生成されたカラーパレットが表示されています。 スペースキーを押すだけで次々とカラーパレットが生成されていくという超簡単操作。 表示もサクサクなので、ただ変えていくだけでもすぐに理想の組み合わせが見つかるかも。 また、カラーバーのどこかをクリックすると、バーの下側に「LOCKED」と表示されて固定することができます。 もう一度スペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く