For Illustrator For Photoshop イラレ&フォトショ

 【Photoshop & Illustrator情報】これは便利!!あらゆるカラーを表示し、気に入ったカラーコードを瞬時に調べらべて出力できるWEBアプリ「COLOUR CODE」

更新日:

colour-code

デザインをする上でとても重要となる「カラーコード」。今回はアクセスした瞬間からあらゆるカラーコードが直感的な操作で表示でき、高いユーザビリティとクールなデザイン性を兼ね備えたwebアプリケーションサイトをご紹介いたします。

カラーコードを直感的に選べるサイト

まずはURLから。「colour code

続いて基本的な使い方ですが、左ツールバーにカーソルを合わせると、様々な抽出方法を選べます。

スクリーンショット 2013-08-10 15.37.27

free build(単色表示)、monochrome(同系色)などなど。

表示方法を決めたらカーソルを上下左右に移動させてみてください。

左右で色、上下で明るさや彩度が変わります。

気に入った色が表示されたところでクリックすると、その場でロックされます。

スクリーンショット 2013-08-10 15.39.09

スクリーンショット 2013-08-10 15.40.55

やり直す場合はゴミ箱アイコンをクリック、上部のアイコン3つの内、左アイコン{ }は.less(CSS拡張メタ言語)にて出力、真ん中のアイコンはpngにて出力、右の鎖アイコンは、パーマリンク(現在のカラー表示のタブを残しつつ、別のタブで他のカラーを試せる)

画面下の ^ をクリックすると、エディットが開き、バーを使って調整やRGB,CMYKなどの変更が可能です。

スクリーンショット 2013-08-10 15.39.55

他にもツールバーから各種共有やヘルプがありますので、色々と試しながら活用してみてくださいね♪

 

人気の記事

1

35,522 EPS

Illustratorで描く超リアルな「木目」のチュートリアル。LAYout50のクオリティーならではの質感表現を3日間に渡りご紹介。1日目は「ベースオブジェクト」&「斑(むら)」編

2

19,628 EPS

無料で商用利用可能なオリジナル素材「暖簾(のれん)」の和風リアルイラストをEPS,JPG,PNGで配信する記事。

無料素材・商用利用可能「チャイニーズパターン」 3

20,175 EPS

【無料・商用利用可】中国の紋様素材「チャイニーズパターン」を作成致しましたので、配布致します。今回はwebでも利用可能なSVG素材も同梱しています。

キラキラダイヤモンド素材のサンプル画像 4

19,732 EPS

【無料・商用利用可】キラキラ素材『ダイヤモンド』を作成しましたので、無料配信致します。epsのベクター素材なので、拡大縮小も思いのまま!しかも、レイヤーの編集エリアを変更すれば簡単に色調も変える事ができます。クオリティにも妥協はありません♪

5

13,789 EPS

チラシにも使えるイラストの無料配布!今回はリアルなコインを配信致します。

-For Illustrator, For Photoshop, イラレ&フォトショ
-, ,

Copyright© LAYout50 , 2017 AllRights Reserved.