No.4ベストアンサー
- 回答日時:
#1さんの仰る方法が、16進数でカラーコードの概念を知る意味では、大変有効であると私も思いますが・・・常に安直な方法で楽に制作をしたがる私からの提案として、カラーパレットで作成した色をカラーコードに変換するフリーソフトなどを使ってみては如何でしょうか?
Vectorで検索すれば類似した機能のソフトが沢山ありますが、
http://www.vector.co.jp/vpack/filearea/win95/net …
その中の一つ「カラーコードエディタ」
http://www.vector.co.jp/soft/win95/net/se242527. …
を使ってシミュレーションしてみますと・・・
「カラーコードエディタ」を起動させて、RGBタブを選択します。
R,G,B,の各スライダーをドラッグして、基準とするカラーコード #DCC4B4 を作ります。
まずB(青)の数値が DC になる位置までB(青)のスライダーをドラッグします。
(右側の枠内の数値は、10進数表示で220です)
次にG(緑)の数値を C4 (10進数表示で196)になるように、G(緑)のスライダーをドラッグ。
同様にR(赤)の数値を B4 (10進数表示で180)になるように、R(赤)のスライダーをドラッグします。
カラーコードが #DCC4B4 となったら、タブを「HSV」に切り替えます。
単に明るさのみを変えたいのでしたら、V(明度)を変えればよいだけですから、右側の縦のバーのスライダーを上方にドラッグします。
明るさを変えるのではなく、S(彩度)を落として色を薄くしたいのでしたら、カラーパレットの中の○印をそのまま下方へドラッグすれば良いと思います。
探せばもっと使いやすいソフトが他にもあるかもしれません。
色々と試してみてください。
注意点としては、やはり、定められたウェブ・セーフ・カラー以外の色を指定しても、閲覧者の環境によっては、制作者の意図通りには色を再現できないことがあります。
http://ykr.main.jp/html/component/websc.html
根本的な問題として、WinとMacとでは色の再現性が違いますし、モニター自体の色再現の個体差もありますから、あまり微妙な色の違いは再現できない場合が多々あります。
ですから、場合によっては画像を使ってしまった方が効果的な場合もあります。
Vectorは一応検索したのですが、
なぜか紹介してくださったような理想的なカテゴリには行き当たらなかったんですよね。(^-^;
中からよさそうなソフトをダウンロードしてみました。
背景色と文字色の組み合わせも見られるものにしたので使い勝手もとてもいいです。
回答どうもありがとうございました。
No.6
- 回答日時:
私が重宝して使用しているツールをご紹介しておきます。
常に最全面化しておくと良いです。
また英語表記の色名はネット上でそのまま表記しても使
えます。付属の CSVファイルに自分用の色名を追加する
こともできます。
Ctrl + S スポイトツール
Ctrl + C 十六進数表記でコピー
参考URL:http://www.vector.co.jp/soft/win95/net/se133400. …
No.5
- 回答日時:
#4です。
大変な誤りに気付きました。
#4で紹介したソフトのカラーコードは、#BBGGRR の並びとなっていましたね。
HTMLのカラーコードは #RRGGBB とならなければいけませんので、#4で紹介したソフトは使わないでください。
説明も、うっかり#BBGGRR で行ってしまいましたが、誤りです。
申し訳ありません。
替わりに「HTMLカラーコード変換」をご紹介致します。
http://www.vector.co.jp/soft/win95/net/se098393. …
機能的にも、#4でのものとほぼ同等です。
数値の入力を「16進」にして、「赤」「緑」「青」にそれぞれ dc、c4、b4 を書いてから、
「色の一覧より選択できます」ボタンをクリック。
カラーパレットのスライダーやポジションを任意に動かすか、「色合い「鮮やかさ」「明るさ」の数値を直接入力して使用します。
参考URL:http://www.vector.co.jp/soft/win95/net/se098393. …
わざわざ訂正ありがとうございます。
そこで質問なのですが(笑)、
紹介してくださったソフトのカラーコードが#BBGGRRの並びになっているということは、
それでも通用するものがあるということですよね、HTML以外で。
#BBGGRRのコードはどのような場面で使うんですか?
よろしければ教えてください♪
No.3
- 回答日時:
#1です
R
G
B
に00~FFの数字を入れて変更ボタンを押して下さい。
例えば、R:FFのとき
■が赤で表示されます。
ひょっとしたら、ブラウザで違うのかもしれません。
IE6,NN7で動くと思うのですが。
ちなみに
#dcc4b4は、
R=DC
G=C4
B=B4
です。
FFにちょっと近づけるというのは、
例えば
R=DD
G=C5
B=B5
とかいう意味です。
00~FFは、16進数で、どの色をどのくらい使うかを表しています。
10進数でいうと
0~255です。
windowsだったらcalc(電卓を関数電卓モードで、16進のラジオボタンをチェックするとわかります、相互に変換できます)
わざわざ何度もありがとうございます。
ブラウザのせいではなくて、私の無知のせいで
適正な数字・アルファベットを入れていなかったために
表示されなかったようです。
色の表示の仕方についても、
前から勉強しなくちゃなーとは思っていたのですが
とてもわかりやすく教えていただいて、理解できました。
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,Fの16段階ということなのですね。
回答どうもありがとうございました。
No.1
- 回答日時:
<script type="text/javascript">
<!--
function change(){
color = "#"+document.COLORTEST.RED.value + document.COLORTEST.GREEN.value + document.COLORTEST.BLUE.value;
document.getElementById("SQUARE").style.color=color;
document.COLORTEST.COLORCODE.value=color;
}
//-->
</script>
<form name="COLORTEST">
<label for="COLORCODE">カラーコード</label><input type="text" name="COLORCODE" value="#000000" ID="RESULT"><br>
<p id="SQUARE" style="color:black">■</p>
<label for="RED">R</label><input type="text" name="RED" value="00" id="RED"><br>
<label for="GREEN">G</label><input type="text" name="GREEN" value="00" id="GREEN"><br>
<label for="BLUE">B</label><input type="text" name="BLUE" value="00" id="BLUE"><br>
<input type="BUTTON" value="変更" onclick="javascript:change()"><input type="reset" value="クリア">
</form>
見たいにかけば、ブラウザ上で色を変えながらテストできます。
色を明るくするというのは、
基本的には、各赤青緑をFFに近づければいいと思います。
回答どうもありがとうございます。
上半分(script部分)をheadタグ内に、
下半分をbodyタグ内に入れてやってみました。
テストできそうには見えますが、
このフォームは、赤・青・緑の数字を自分で決定して
その結果を#xxxxxxのような形式で表示させるためのものでしょうか?
赤・青・緑のパラメーターを決定した結果「どんな色になったか」は、
このフォーム(ページ)では見られませんよね?
ffに近づけるには、6桁ある数字のどのあたりに
fを入れていけばいいのかもよくわからないんです。
ただ、自分で色を不連続に決めてそれを数字で表すことは可能みたいですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excel複数シートから日付と文字を取り出して日付順に並べたいです 6 2022/06/06 13:23
- Excel(エクセル) エクセルの数式について教えてください。 3 2023/01/29 10:36
- Excel(エクセル) Excel 数式を使用した条件付き書式が、一つのセルにしか反映されない 3 2022/06/08 23:20
- その他(クラウドサービス・オンラインストレージ) Googleカレンダーの予定の色を変えたい、文字色を変えたい。 1 2022/10/18 21:43
- HTML・CSS HTMLとCSSについて 2 2022/09/12 15:46
- その他(Microsoft Office) Excelの条件付き書式についての質問です。 2 2022/09/08 01:25
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/01/10 09:15
- 数学 『数学的帰納法のトリセツ』 4 2022/06/06 07:34
- 日本語 「人」と「名」の使い分け 8 2022/05/26 21:59
- Photoshop(フォトショップ) モノクロ写真を、特色2版用のデータにするには 1 2023/01/20 23:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストボックスに入力された...
-
hiddenのvalueの値を変えたい
-
クイズ作成:15個の問題から5個...
-
eval()を使わずに数値を取得し...
-
商品コードを入れたら自動で商...
-
フォームに入力された数値を計...
-
ラジオボタンの選択で解答・点...
-
value内に変数を入れたい
-
name属性が同じフォームが複数...
-
ラジオボタンを押して計算結果...
-
sessionStorageを調べています。
-
HTML、Javascriptでトグルボタ...
-
Java Script の "this"
-
javascriptでhiddenに二次元配...
-
VB.NET DateTimeの型について
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
引数に数値、文字列の混在
-
複数のsubmitボタンで押された...
-
VB.NET DateTimeの型について
-
3桁区切りのカンマをつけたい...
-
javascriptでhiddenに二次元配...
-
フォームで入力した値を別のフ...
-
setIntervalの間隔を途中で変更...
-
jsで、配列内の文章を改行する...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
テキストボックスに入力された...
-
フォーカスすると初期値が消去...
-
ラジオボタンと連動して文字列...
-
セレクトボックスの初期選択状...
-
sessionStorageを調べています。
-
VBAをJavaScriptに変換したいです
-
ダミーフォームの内容を送信用...
-
javascriptで複数の計算を同時...
おすすめ情報