任意の画像または画面の一部からカラー コードを抽出して見つけるための最適なサイトとツール (カラー ピッカー)

コンピューターでグラフィック作業を行うときは、どのプログラムを使用する場合でも、 色を選ぶ. 適切な色を選択することは、良い作品と悪い作品を区別し、グラフィック プロジェクトのコンテンツを誰にとっても読みやすいものにするために非常に重要です。 グラフィックデザインによって、コンピューター上での図や画像の作成、パワーポイントプレゼンテーションの作成、ウェブサイトのデザイン、画像の写真レタッチ、さらには些細な色の選択に関係するすべてを理解しています. . ドキュメント、テーブル、または単に背景としての書き込み文字の。

非常に頻繁に、 色の選択、画像やウェブサイトからインスピレーションを得るようにしてください。配色がうまくできていれば、コピーを妨げる著作権はありません。

また読む: Web サイトまたは Web ページ、テキスト、グラフィック、および色を編集する方法

ただし、コンピューターでは、可能な色は多数あり、使用しているアプリケーションに応じてさまざまな方法で整理されます。 Windows やさまざまな種類の多くのプログラムでは、たとえば、ガイド パネルで色を選択し、矢印でベース カラーとグラデーションを選択します。 たとえば、デスクトップのプロパティの背景の選択に移動して、固定色を設定してみてください。 最初にいくつかの標準色が表示され、次に「その他の色」をクリックしてウィンドウにアクセスし、範囲全体を選択できます。 この場合、色は RGBコードこれは、緑、青、赤の原色テーブルの座標です。

ウェブサイトでは、 html言語で、色は 16 進コード タイプ＃6A6965のその起源と説明により、特定の治療法に言及します.

このページの目的は、注意することです。 PCモニターに表示されるものからこれらの色を抽出するためのいくつかの便利なプログラム、まったく同じものを使用して、Web サイト、グラフィック プレゼンテーション、または任意の描画プログラムで使用できます。

1）画面から色をキャプチャし、コードを読み取って再利用できるようにする最も簡単なツールは、 カラーピックス. これは、インストールなしの小さな移植可能なプログラムです。 RGB コード キャスト カラーヘックス マウスポインターが停止する場所。 別のサイトまたは画像から最も正確な色相で色を抽出するには、ColorPix を開いた状態でマウスの矢印を使用して、それを再利用するために記述するコードを読み取ります。 虫眼鏡オプションで可能 画面の小さな部分をズームインして、詳細をキャプチャします. 各色は、RGB、HEX、HSB、および CMYK コードに自動的に変換されます。

2） カラーピッカーのみ は、画面から色をキャプチャし、使用する配色を生成するのに役立つ最新のアプリです。 プログラムの最初のボックス (左上隅) には、ポインターの下にある要素の色が表示されます。 カラー コードはこのボックスのすぐ下にリストされており、HTML、RGB、HEX、HSB/HSV、HSL (HSL、255 および 240)、HWB、CMY、CMYK、および Delphi コードから選択できます。 キーを一緒に押す Alt-X ポインターで選択した色を停止すると、コードを保存して Web サイトで使用できます。 セクション 文章 [ツール]メニューでは、フォントの種類、サイズ、テキストの色、および背景色を選択して、プレビューでどのように表示されるかを確認できます。

2） カラーセンシング はいの前のものと同様のプログラムです カラーコードを自動取得、 なれ RGB よりも 16 進数、マウスの矢印が画面上にある場所に相対的です。 F5 でカラーを停止し、F6 で HEX コードを F7 で RGB コードをコピーします。 この場合、画面または画像の一部を拡大する可能性がないため、精度が低くなります。

3) カラージラ 使用する色と選択したポイントの 16 進コードを選択するために使用される Chrome および Firefox 用の拡張機能です。 ColorZilla には、Web サイトの色を分析するツール、オプションのパレット、および CSS グラデーション ジェネレーターがあります。 その機能と利便性により、サイトの色を探索したい人にとってはおそらく最高のツールです.

4) 色の選択は一貫している必要があるため、「粘着性」を持たないようにするための特定の目が必要であり、煩わしく不快になる明るい色の組み合わせを避ける必要があります。 適切な色を選択することは、読みやすさと美学の両方、およびマーケティング上の理由から重要であることに注意することが重要です. 適切な色を選択することは、実際には、いくつかの重要な詳細に世間の注目を集めることにつながります. したがって、配色については、オンラインツールを使用することが可能であり、 パレットン、これは、 特定の色が与えられ、他の色は互換性があります 今。

5) カラー パレット ジェネレーター 関連するコードを使用して、カラー バリエーションを生成する Web サイトを作成する人をサポートし、インスピレーションを与えます。

6) カラージラ は Google Chrome の拡張機能で、Web サイトで使用されている色を見つけて、さまざまな組み合わせを試すために使用されます。

7) 色のコントラストに関しては、サイト、プレゼンテーション、または画像のデザインに明確な色があることを確認することが非常に重要です。 実際、注目すべきは、 色の認識はすべての人にとって同じではありません また、視覚障害や色盲のために、背景の碑文が判読不能になることがあります。 使用するのに最適なツールはソフトウェアです。 コントラストA 彼はどんなお仕事をしていますか？ 2 色のコントラストを自動的かつ即時に検証します。 WCAG Web サイトの国際標準 (Web Content Accessibility Guidelines) に従っています。 コントラストA ブラウザを介してオンラインで使用できます。

8) CPick もう 1 つの自動カラー キャプチャは、「クリック アンド ドラッグ」キーを押したままにして、適切なグリッドになったマウス カーソルをドラッグする必要があります。 デスクトップに表示されている色から正確に色を選択する.
CPick は、フレームの色ごとに、RGB、16 進数、10 進数、HSV および CMYK コードを表示します。 上部のボタンの中には、Web サイトを作成する人にとって非常に便利な 2 つのボタンがあります。 CSS または HTML コードを生成する 1つを与える カラースキーム ウェブページに。