KColorEdit/ja: Difference between revisions

From KDE Wiki Sandbox
(Created page with "* カラーパレットを詳細表示か簡単表示で選択できます")
No edit summary
 
(20 intermediate revisions by the same user not shown)
Line 2: Line 2:


{|class="vertical-centered"  
{|class="vertical-centered"  
|[[Image:1-kcoloredit.png|350px]]||'''KColorEdit''' is a very useful tool for easy and fun editing and creation of color palettes.
|[[Image:1-kcoloredit.png|350px]]||'''KColorEdit'''は簡単で楽しく、編集やパレットの作成ができるとても便利なツールです。
|}
|}


Line 21: Line 21:




* Supports comments
* コメントをサポート


* Supports description and name of the palette
* 記述やパレットの名前をサポート




Line 29: Line 29:




* Colors or comments can be moved to any position inside the palette
* パレット内なら色やコメントは自由に移動可能


* Can be used to generate color schemes (complement color, triadic colors, etc)
* 配色の作成に利用可能(補色、トライアングルカラー、その他)


* Or generate a random color
* ランダムな色を作成




Line 39: Line 39:




* Supports mixing of colors
* 色の合成をサポート


* Has a gradient selector for color
* 色のグラデーション選択を保持


* Supports increase or decrease of hue and saturation.
* 色相と彩度の変更をサポート




Line 49: Line 49:




== Working with KColorEdit ==
== KColorEditを使った作業 ==


'''KColorEdit''' is intended be a tool for web designers, is particularly useful when editing CSS files and you want to choose the "right" color for your project.
'''KColorEdit'''はWebデザイナーに向けて企画されたツールです。CSSのファイルの編集やあなたのプロジェクトにとって"正しい"色を選択したいときにとくに役立ちます。


=== Making pages for Visual Health ===
=== 視覚の健康のためのページ作り ===


Many pages have a nice design, but sometimes those pages has issues with the color scheme. For example: when you try to read the text you can't do it because of the background. Indeed, when the text color's and background color's doesn't contrast themselves (or doesn't fit) then the eye has to be extra effort to read the text.
たくさんのページは素晴らしいデザインとなっています。しかし、たまにカラーリングでの問題を起こすこともあります。例えば、あなたが文字を読もうと思いましたが、背景色が原因で読めないというときです。それは、文字の色と背景の色のコントラスト比が低い(またはあっていない)からです。そんなときは文字を読むのにとても目が疲れます。


Image you have #fe9f10 as background color. Lets add this color to our palette (click the {{plus}} button).
背景色として#fe9f10を使うとします。自分のパレットに{{plus}}ボタンを押して追加してください。


[[Image:7-kcoloredit-usecase-contrast-step1.png|center|350px|thumb]]
[[Image:7-kcoloredit-usecase-contrast-step1.png|center|350px|thumb]]




With '''KColorEdit''' is easy to select the "opposite" color: the (best) text color. Just select <menuchoice>Complement</menuchoice> in the <menuchoice>Sheme</menuchoice> drop down list and the task is done.
'''KColorEdit'''を利用すると"補色"(文字色としてもっともよい色)を簡単に選択できます。<menuchoice>配色</menuchoice>のドロップダウンリスト内の<menuchoice>補完</menuchoice> を押すことでできます。




Line 68: Line 68:




Later, you can add the text color to the palette and copy it to the clipboard: #106ffe
最後に、テキストカラーをパレットに追加し、(#106ffeのように)クリップボードにコピーができます。




Line 74: Line 74:




'''KColorEdit''' is part of KDE Extragear.  The [http://docs.kde.org/development/en/extragear-graphics/kcoloredit/index.html User Handbook] is fairly old, but helpful.
'''KColorEdit''' はKDE Extragearを担っています。[http://docs.kde.org/development/en/extragear-graphics/kcoloredit/index.html ユーザーハンドブック]はかなり古いですが、それでも役に立ちます。


[[Category:Graphics]]
[[Category:Graphics]]

Latest revision as of 14:12, 28 January 2023

Other languages:
KColorEditは簡単で楽しく、編集やパレットの作成ができるとても便利なツールです。


基本的な機能

  • KDEやGTKの色の選択
  • GIMPの一般的なパレットをすべて対応(GIMPのパレットを見ることができます)
  • カラーパレットを詳細表示か簡単表示で選択できます



  • コメントをサポート
  • 記述やパレットの名前をサポート



  • パレット内なら色やコメントは自由に移動可能
  • 配色の作成に利用可能(補色、トライアングルカラー、その他)
  • ランダムな色を作成



  • 色の合成をサポート
  • 色のグラデーション選択を保持
  • 色相と彩度の変更をサポート



KColorEditを使った作業

KColorEditはWebデザイナーに向けて企画されたツールです。CSSのファイルの編集やあなたのプロジェクトにとって"正しい"色を選択したいときにとくに役立ちます。

視覚の健康のためのページ作り

たくさんのページは素晴らしいデザインとなっています。しかし、たまにカラーリングでの問題を起こすこともあります。例えば、あなたが文字を読もうと思いましたが、背景色が原因で読めないというときです。それは、文字の色と背景の色のコントラスト比が低い(またはあっていない)からです。そんなときは文字を読むのにとても目が疲れます。

背景色として#fe9f10を使うとします。自分のパレットにボタンを押して追加してください。


KColorEditを利用すると"補色"(文字色としてもっともよい色)を簡単に選択できます。配色のドロップダウンリスト内の補完 を押すことでできます。



最後に、テキストカラーをパレットに追加し、(#106ffeのように)クリップボードにコピーができます。



KColorEdit はKDE Extragearを担っています。ユーザーハンドブックはかなり古いですが、それでも役に立ちます。