便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev

2022/12/22 17 users GitHub CodePen Chrome CSS ゴー

Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChromeの便利な機能拡張を紹介します。 SuperDevはオープンソースで開発されており、SuperDev -GitHubでコー... 続きを読む

Emacs用のSVG実装のカラーピッカー | Misohena Blog

2021/09/07 13 users emacs SVG github.com Emacs上 一環

先日からEmacsの中で動く作図ツールを作っています。 https://github.com/misohena/el-easydraw その一環として今日はカラーピッカーを作りました。この手のソフトには必ずあるアレです。 Emacs上での先行事例はいくつかあるようでしたがSVGでの実装は見当たりませんでしたし、まぁ、自分で作りたいじゃないですか。こう... 続きを読む

すべてのアプリから色を取得できる！シンプルで使いやすく、高性能なUIデザイン用の無料カラーピッカー -Pika | コリス

2021/02/10 11 users Pika ネイティ hsl コリス hex

ブラウザに表示されたWebページはもちろん、Photoshop, Illustratorをはじめとするすべてのアプリからカラーをすくうことができる、シンプルで使いやすい高性能なカラーピッカーを紹介します。 macOS対応のアプリで、オープンソースなので商用でも無料で利用できます。 カラー値は、HEX、RGB、HSB、HSLに対応。 ネイティ... 続きを読む

待ってたぜ、お手頃カラーピッカー。いつでもリアル世界の色を正確キャッチ | ギズモード・ジャパン

2020/10/04 116 users image easy 原文 中川真知子 ギズモード

待ってたぜ、お手頃カラーピッカー。いつでもリアル世界の色を正確キャッチ2020.10.04 15:007,451 Andrew Liszewski - Gizmodo US ［原文］ （ 中川真知子 ） Image: Datacolor EZ = Easy = 簡単。 いまはスマホがあれば、カラーパレットアプリを使ってスマホで撮影したお気に入りの色を検出させることが可能です。お手... 続きを読む

JSで楽譜を描画して再生までできる「abcjs」:phpspot開発日誌

2019/10/22 34 users 楽譜 phpspot開発日誌 ボーダー ホバー時 関連エントリ

abcjs JSで楽譜を描画して再生までできる「abcjs」 あまり音楽の知識はありませんが、なんかすごい感じがします 関連エントリ 超カッコいいスクロールエフェクト実装「lax.js」 リッチでカッコいいカラーピッカー「iro.js」 ホバー時にボーダーをアニメーションさせる「Nicebord.js」 続きを読む

[JS]レスポンシブ対応のカラーピッカーを簡単に実装できる超軽量のスクリプト -Pickr | コリス

2018/07/27 23 users jQu React angular コリス Vue

Webページやアプリに外部スクリプトと数行のコードだけで、使いやすいカラーピッカーを簡単に実装できる超軽量のスクリプトを紹介します。 レスポンシブに完全対応しており、デスクトップのマウス操作でもスマホのタッチ操作にも対応しています。 他のスクリプトやスタイルシートに依存はなく、React、Vue、Angular、jQu... 続きを読む

JavaScriptだけで独自のカラーピッカーを開発できるライブラリ「Pickr」を使ってみた！ - paiza開発日誌

2018/07/25 17 users フルカスタマイズ ライブラリ paiza開発日誌 記述 非依存

どうも、まさとらん（@0310lan）です！ 今回は、素のJavaScriptだけで構成されたフルカスタマイズ可能な「カラーピッカー」のライブラリをご紹介します！ 非依存のライブラリなのでReact・Angular・Vueなどのフレームワーク上で使いやすく、また簡単な記述でUIデザインや独自機能を構築できるうえスマホにも自動で対応し... 続きを読む

Tips_カラーパネルのスペクトルから色を決めてはいけない – イラレラボ　illustrator-labo

2018/06/30 13 users illustrator-labo スペクトル イラレラボ

Illustratorで色を設定するとき、どの手段で色を決めますか？ カラーパネルのカラースライダーで調合する。 カラーパネルのスペクトル部分からピックアップする。 スウォッチパネルにある色を使う。 ツールパネルからカラーピッカーを起動してそこで選ぶ。 カラーガイドを使う。 他にもいろんな手段がありますが、デザイ... 続きを読む

手軽にロゴが作れるツールSTORES　ロゴメーカー | うさちゃんねるフロンティア

2017/06/04 21 users さちゃんねるフロンティア ロゴメーカー フォント レイヤー

今回は、手軽にバナーやロゴを作成することができるツール、ロゴメーカーを紹介したいと思います。 画像のように好きなロゴを選んでテキストを入れ、後はマウス操作で画像を作成していきます。 さまざまなロゴがあります。 ある程度形が決まったら、編集したいレイヤーをクリックするとカラー選択、フォントが選べます。 画像のようにカラーピッカーが現れますので好きな色を決めてクリックするだけです。 以下の画像では、フ... 続きを読む

Electronでmacのメニューバーにカラーピッカーを作る - TaillookTech

2017/02/24 39 users Electron TaillookTech Mac 感じ

2017 - 02 - 24 Electronでmacのメニューバーにカラーピッカーを作る Electron JavaScript Tweet Share on Tumblr 概要 Electronでこんな感じのカラーピッカーを作る． 使ったもの jscolor (カラーピッカーを表示する javascript ライブラリ) menubar (Electronでメニューバーアプリケーションを作るラ... 続きを読む

配色をもっと楽に！色の便利ツール、テクニックをまとめたサイトHTML Color Codes - PhotoshopVIP

2015/09/03 63 users PhotoshopVIP hex RGB 配色 チュートリアル

デザイン制作において頭を悩ますひとも多い、配色。困ったときに色を選ぶ手助けをしてくれるツールやチュートリアルをまとめたサイト、HTML Color Codesを今回はご紹介します。 カラーピッカーで直感的に色を選んだり、人気のあるフラットデザインやマテリアルデザインから色を選択したり、HTMLカラーコードから選んだりと、さまざまな配色の選び方を提案してくれます。選択した色のHEXやRGB、HSL値... 続きを読む

米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説 － Publickey

2014/09/01 415 users Publickey Ajax YUI ライブラリ 背景

米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」の注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、... 続きを読む

地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color | コリス

2013/10/20 81 users コリス 明度 中程 Photoshop 増減

Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloade... 続きを読む

カラーピッカーで取得した色と同系色のカラーコードをリスト表示『HOVT』 - Macの手書き説明書

2013/10/06 7 users Option Command マウス Mac クリップボード

カテゴリ：グラフィック&デザイン写真 現在の価格： 無料 販売元：HOVT 対応OS：10.7以降 Command ⌘ Option + Kで表示されるカラーピッカーで色を取得 → その色とその色の同系色のカラーコードをメニューバーでリスト表示 → リストをクリックでカラーコードをクリップボードへコピーします。カラーコードを取得するという単純な用途にも使えますが、マウスホバーした時に現れるリスト右... 続きを読む

カラーピッカーで画面上の色を取得できるChrome拡張機能「Color Picker」 : ライフハッカー［日本版］

2012/12/07 49 users RGB値 Color Picker ライフハッカー 画面上

Google , Google Chrome , Webツール , デザイン , 最新テック カラーピッカーで画面上の色を取得できるChrome拡張機能「Color Picker」 2012.12.07 15:00 「Color Picker」はカラーピッカーで開いているページ内から色を取得できるChrome拡張機能です。カラーコードで取得できますし、RGB値も同時に表示してくれます。ウェブ開発な... 続きを読む

意外と便利。Xcodeのカラー指定をグラフィカルに「ColorSense for Xcode」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/09/21 36 users MOONGIFT グラフィカル XCode RGB テキスト

開発時の色設定というのは、感性的なものにも関わらずテキストやRGBで指定しなければならず分かりづらいものがあります。Webオーサリングツールの場合はカラーピッカーが使えるのですが、Xcodeで同様な機能を実現するのがColorSense for Xcodeです。 0 続きを読む

テーマカラーが選びやすくて使いやすいCSSボタンジェネレータ | IDEA*IDEA

2012/08/20 81 users IDEA ジェネレータ テーマカラー コード CSS3

まぁ、便利かな、と。CSS3のボタンが作れるジェネレータです。テーマカラーがいくつか決まっていてそこから選べるので色選びで（あまり）迷うことがないです（カラーピッカーで自由に選ぶこともできます）。 ↑ 日本語テキストもOK。 ↑ 生成されるコード。URL付きなのはうれしいですな。 というわけでご利用は以下からどうぞ。 » CSS Buttons Generator for your pleasur... 続きを読む

Webアプリケーションを作るのに便利そうなコンポーネント群「UIKit」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/02/17 38 users MOONGIFT UIKit ダイアログ コンポーネント 通知

主なコンポーネントとしては、ダイアログ、確認ダイアログ、カラーピッカー、クリックで回転するカード、通知、メニュー、ボタン式のドロップダウンとなっています。デザインがすっきりとしているので今風のWebアプリケーションに似合いそうです。 0 続きを読む

利用場面が多そう。iOS上で色の選択をする場面で使いたい「Color Picker for iOS」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/11/02 16 users MOONGIFT iOS iOS上 iOSアプリ iOS向け

iOSアプリの中でユーザに色を指定してもらいたいと思う場面があるかも知れません。そんなときに使いたい、iOS向けのカラーピッカーとしてColor Picker for iOSを紹介します。 0 続きを読む

あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」:phpspot開発日誌

2011/07/25 27 users ウィザード jQuery Plugins パーツ あなた好み

ExColor color picker plugin | jQuery plugins | ModCoder - Innovative Software Solutions for Web Sites#wizard#wizard あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」。 サイト上からウィザードでパーツを選択してカラーピッカーを独自にデザインできちゃうという優れ... 続きを読む

[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス

2008/01/28 529 users jQuery コリス WYSIWYG 備忘録 MORE

Hiralogoo -Webネタ、日常の備忘録など- on 2008年2月11日 WYSIWYGのカラーピッカー『Farbtastic』… 面白いカラーピッカーを見つけました。『コリス』さんで紹介されていたものですが、javascriptで下のようなカラーピッカーが実現できます。実際に動きますので色のところ (more…) 続きを読む

超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」:phpspot開発日誌

2007/03/04 152 users phpspot開発日誌 使い勝手 ライブラリ 関数 http

NoFunc Nomadic Functions 超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」。 他のどのライブラリにも依存しない、★投票システムや、Ajaxリクエスト、カラーピッカー、ドラッグ＆ドロップ、テーブルソートなどを実現するためのJavaScriptコード集です。 例えば、ajaxリクエストをするのに、次の関数があって、wReq('http... 続きを読む

サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*

2006/09/21 116 users 便利ツール LOVE IS DESIGN 写真 配色 web

どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか？ そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー（スポイドツール）で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Web... 続きを読む