重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

横にあるカラーチャートのボタンを押すと中心の箱の色がその色になり、
反対側のカラーチャートのボタンを押すと箱の中の文字色が変わる

なんてできるんでしょうか?

教えてください。

ちなみに画像はあかね色です。全部で465色もあるので、どうしようかと考えています。

宜しくお願いします。

「javaが全くわからないので教えてくださ」の質問画像

A 回答 (10件)

 


 for (;i < I; i++) {
  li = LI.cloneNode (true);
  li.title = color[i][0]+'('+color[i][1]+')';
  li.style.backgroundColor = color[i][2];
  frg.appendChild (li);
 }
 
 UL = doc.createElement ('ul');
 UL.className = 'colorList';
 UL.appendChild (frg);
 ul = UL.cloneNode (true);
 ul.id = 'PLEFT';
 pk.insertBefore (ul, pk.firstChild);
 UL.id = 'PRIGHT';
 pk.appendChild (UL);
 
})();

var MS = document.getElementById ('MIHON').style;

var onClick = function (evt) {
 var node = evt.target || evt.srcElement;
 var p;
 
 if ('LI' !== node.nodeName) return;
 switch (node.parentNode.id) {
 case 'PLEFT' :
  MS.color = node.style.backgroundColor; break;
 case 'PRIGHT' :
  MS.backgroundColor = node.style.backgroundColor;
 }
};

//@cc_on
document.
/*@if (@_jscript_version > 5.8)
  addEventListener(
 @elif (@_jscript_version <= 5.8)
  attachEvent( 'on'+
 @else@*/
  addEventListener(
/*@end@*/
 'click', onClick, false);

</script>

// ふぅ~ つかれた~
    • good
    • 0
この回答へのお礼

ありがとうございます!!
本当に申し訳ありませんでした。

ここまでして頂けるとは思っていませんでしたので、感謝感激です。

あとはこののをどうやって配置するかですね!

頑張ってみます。


ありがとうございました。

お礼日時:2010/12/01 22:49

 ["常磐色","ときわいろ","#007b43"],


 ["菖蒲色","しょうぶいろ","#674196"],
 ["丼鼠","どぶねずみ","#595455"],
 ["東雲色","しののめいろ","#f19072"],
 ["花葉色","はなばいろ","#fbd26b"],
 ["千草鼠","ちぐさねず","#bed3ca"],
 ["竜胆色","りんどういろ","#9079ad"],
 ["消炭色","けしずみいろ","#524e4d"],
 ["曙色","あけぼのいろ","#f19072"],
 ["刈安色","かりやすいろ","#f5e56b"],
 ["千草色","ちぐさいろ","#92b5a9"],
 ["江戸紫","えどむらさき","#745399"],
 ["藍墨茶","あいすみちゃ","#474a4d"],
 ["珊瑚朱色","さんごしゅいろ","#ee836f"],
 ["玉蜀黍色","とうもろこしいろ","#eec362"],
 ["青磁色","せいじいろ","#7ebea5"],
 ["本紫","ほんむらさき","#65318e"],
 ["羊羹色","ようかんいろ","#383c3c"],
 ["深支子","こきくちなし","#eb9b6f"],
 ["金糸雀色","かなりあいろ","#ebd842"],
 ["青竹色","あおたけいろ","#7ebeab"],
 ["葡萄色","ぶどういろ","#522f60"],
 ["蝋色","ろういろ","#2b2b2b"],
 ["?","そひ","#e0815e"],
 ["黄支子色","きくちなしいろ","#ffdb4f"],
 ["常磐緑","ときわみどり","#028760"],
 ["深紫","ふかむらさき","#493759"],
 ["黒","くろ","#2b2b2b"],
 ["浅緋","うすきひ","#df7163"],
 ["支子色","くちなしいろ","#fbca4d"],
 ["木賊色","とくさいろ","#3b7960"],
 ["紫黒","しこく","#2e2930"],
 ["烏羽色","からすばいろ","#180614"],
 ["真赭","まそほ","#d57c6b"],
 ["向日葵色","ひまわりいろ","#fcc800"],
 ["天鵞絨","びろうど","#2f5d50"],
 ["紫","むらさき","#884898"],
 ["鉄黒","てつぐろ","#281a14"],
 ["洗朱","あらいしゅ","#d0826c"],
 ["山吹色","やまぶきいろ","#f8b500"],
 ["虫襖","むしあお","#3a5b52"],
 ["薄葡萄","うすぶどう","#c0a2c7"],
 ["濡羽色","ぬればいろ","#000b00"],
 ["遠州茶","えんしゅうちゃ","#ca8269"],
 ["鬱金色","うこんいろ","#fabf14"],
 ["革色","かわいろ","#475950"],
 ["紫紺","しこん","#460e44"],
 ["黒檀","こくたん","#250d00"],
 ["紅樺色","べにかばいろ","#bb5548"],
 ["藤黄","とうおう","#f7c114"],
 ["深緑","ふかみどり","#00552e"],
 ["暗紅色","あんこうしょく","#74325c"],
 ["憲法黒茶","けんぽうくろちゃ","#241a08"],
 ["赭","そほ","#ab6953"],
 ["金色","こんじき","#e6b422"],
 ["鉄色","てついろ","#005243"],
 ["桑の実色","くわのみいろ","#55295b"],
 ["暗黒色","あんこくしょく","#16160e"]
];

(function () {
 var doc = document;
 var frg = doc.createDocumentFragment();
 var i = 0;
 var I = color.length;
 var LI = doc.createElement ('li');
 var li;
 var ul;
 var pk = doc.getElementById ('PIKKER')
 
 LI.appendChild( doc.createTextNode (''));
    • good
    • 0

 ["肌色","はだいろ","#fce2c4"],


 ["赤橙","あかだいだい","#ea5506"],
 ["柳染","やなぎぞめ","#93b881"],
 ["紅掛空色","べにかけそらいろ","#8491c3"],
 ["白鼠","しろねず","#dcdddd"],
 ["薄卵色","うすたまごいろ","#fde8d0"],
 ["金赤","きんあか","#ea5506"],
 ["薄萌葱","うすもえぎ","#badcad"],
 ["紅碧","べにみどり","#8491c3"],
 ["絹鼠","きぬねず","#dddcd6"],
 ["雄黄","ゆうおう","#f9c89b"],
 ["朱色","しゅいろ","#eb6101"],
 ["深川鼠","ふかがわねずみ","#97a791"],
 ["紺桔梗","こんききょう","#4d5aaf"],
 ["灰青","はいあお","#c0c6c9"],
 ["洒落柿","しゃれがき","#f7bd8f"],
 ["小麦色","こむぎいろ","#e49e61"],
 ["若緑","わかみどり","#98d98e"],
 ["花色","はないろ","#4d5aaf"],
 ["銀鼠","ぎんねず","#afafb0"],
 ["赤香","あかこう","#f6b894"],
 ["丹色","にいろ","#e45e32"],
 ["浅緑","あさみどり","#88cb7f"],
 ["紺藍","こんあい","#4a488e"],
 ["薄鈍","うすにび","#adadad"],
 ["砥粉色","とのこいろ","#f4dda5"],
 ["黄茶","きちゃ","#e17b34"],
 ["薄緑","うすみどり","#69b076"],
 ["紅桔梗","べにききょう","#4d4398"],
 ["薄墨色","うすずみいろ","#a3a3a2"],
 ["肉色","にくいろ","#f1bf99"],
 ["肉桂色","にっけいいろ","#dd7a56"],
 ["青鈍","あおにび","#6b7b6e"],
 ["桔梗色","ききょういろ","#5654a2"],
 ["錫色","すずいろ","#9ea1a3"],
 ["人色","ひといろ","#f1bf99"],
 ["赤朽葉色","あかくちばいろ","#db8449"],
 ["青磁鼠","せいじねず","#bed2c3"],
 ["藤納戸","ふじなんど","#706caa"],
 ["素鼠","すねずみ","#9fa0a0"],
 ["丁子色","ちょうじいろ","#efcd9a"],
 ["黄櫨染","こうろぜん","#d66a35"],
 ["薄青","うすあお","#93b69c"],
 ["紅掛花色","べにかけはないろ","#68699b"],
 ["鼠色","ねずみいろ","#949495"],
 ["香色","こういろ","#efcd9a"],
 ["蒲公英色","たんぽぽいろ","#ffd900"],
 ["錆青磁","さびせいじ","#a6c8b2"],
 ["紫苑色","しおんいろ","#867ba9"],
 ["源氏鼠","げんじねず","#888084"],
 ["薄香","うすこう","#f0cfa0"],
 ["黄色","きいろ","#ffd900"],
 ["緑青色","ろくしょういろ","#47885e"],
 ["白藤色","しらふじいろ","#dbd0e6"],
 ["灰色","はいいろ","#7d7d7d"],
 ["浅黄","うすき","#edd3a1"],
 ["中黄","ちゅうき","#ffea00"],
 ["千歳緑","ちとせみどり","#316745"],
 ["藤紫","ふじむらさき","#a59aca"],
 ["鉛色","なまりいろ","#7b7c7d"],
 ["枯色","かれいろ","#e0c38c"],
 ["菜の花色","なのはないろ","#ffec47"],
 ["若竹色","わかたけいろ","#68be8d"],
 ["菫色","すみれいろ","#7058a3"],
 ["鈍色","にびいろ","#727171"],
 ["淡香","うすこう","#f3bf88"],
 ["黄檗色","きはだいろ","#fef263"],
 ["緑","みどり","#3eb370"],
 ["青紫","あおむらさき","#674598"],
 ["墨","すみ","#595857"],
 ["杏色","あんずいろ","#f7b977"],
 ["卵色","たまごいろ","#fcd575"],
    • good
    • 0

 ["瑠璃色","るりいろ","#1e50a2"],


 ["憲法色","けんぽういろ","#543f32"],
 ["真紅","しんく","#a22041"],
 ["黒茶","くろちゃ","#583822"],
 ["萌黄","もえぎ","#aacf53"],
 ["薄縹","うすはなだ","#507ea4"],
 ["涅色","くりいろ","#554738"],
 ["濃紅","こいくれない","#a22041"],
 ["葡萄茶","えびちゃ","#6c2c2f"],
 ["苗色","なえいろ","#b0ca71"],
 ["瑠璃紺","るりこん","#19448e"],
 ["檳榔子染","びんろうじぞめ","#433d3c"],
 ["象牙色","ぞうげいろ","#f8f4e6"],
 ["葡萄色","えびいろ","#640125"],
 ["若葉色","わかばいろ","#b9d08b"],
 ["紺瑠璃","こんるり","#164a84"],
 ["黒鳶","くろとび","#432f2f"],
 ["練色","ねりいろ","#ede4cd"],
 ["萱草色","かんぞういろ","#f8b862"],
 ["松葉色","まつばいろ","#839b5c"],
 ["藍色","あいいろ","#165e83"],
 ["赤墨","あかすみ","#3f312b"],
 ["灰白色","かいはくしょく","#e9e4d4"],
 ["柑子色","こうじいろ","#f6ad49"],
 ["夏虫色","なつむしいろ","#cee4ae"],
 ["青藍","せいらん","#274a78"],
 ["黒紅","くろべに","#302833"],
 ["蒸栗色","むしぐりいろ","#ebe1a9"],
 ["金茶","きんちゃ","#f39800"],
 ["鶸萌黄","ひわもえぎ","#82ae46"],
 ["深縹","こきはなだ","#2a4073"],
 ["白","しろ","#ffffff"],
 ["女郎花","おみなえし","#f2f2b0"],
 ["蜜柑色","みかんいろ","#f08300"],
 ["柳色","やなぎいろ","#a8c97f"],
 ["紺色","こんいろ","#223a70"],
 ["胡粉色","ごふんいろ","#fffffc"],
 ["枯草色","かれくさいろ","#e4dc8a"],
 ["鉛丹色","えんたんいろ","#ec6d51"],
 ["青白橡","あおしろつるばみ","#9ba88d"],
 ["紺青","こんじょう","#192f60"],
 ["卯の花色","うのはないろ","#f7fcfe"],
 ["淡黄","たんこう","#f8e58c"],
 ["黄丹","おうに","#ee7948"],
 ["柳鼠","やなぎねず","#c8d5bb"],
 ["留紺","とめこん","#1c305c"],
 ["白磁","はくじ","#f8fbf8"],
 ["白茶","しらちゃ","#ddbb99"],
 ["柿色","かきいろ","#ed6d3d"],
 ["裏葉柳","うらはやなぎ","#c1d8ac"],
 ["濃藍","こいあい","#0f2350"],
 ["生成り色","きなりいろ","#fbfaf5"],
 ["赤白橡","あかしろつるばみ","#d7a98c"],
 ["黄赤","きあか","#ec6800"],
 ["山葵色","わさびいろ","#a8bf93"],
 ["鉄紺","てつこん","#17184b"],
 ["乳白色","にゅうはくしょく","#f3f3f3"],
 ["洗柿","あらいがき","#f2c9ac"],
 ["人参色","にんじんいろ","#ec6800"],
 ["老竹色","おいたけいろ","#769164"],
 ["漆黒","しっこく","#0d0015"],
 ["白練","しろねり","#f3f3f2"],
 ["鳥の子色","とりのこいろ","#fff1cf"],
 ["橙色","だいだいいろ","#ee7800"],
 ["白緑","びゃくろく","#d6e9ca"],
 ["淡藤色","あわふじいろ","#bbc8e6"],
 ["素色","そしょく","#eae5e3"],
 ["蜂蜜色","はちみついろ","#fddea5"],
 ["照柿","てりがき","#eb6238"],
 ["淡萌黄","うすもえぎ","#93ca76"],
 ["藤色","ふじいろ","#bbbcde"],
 ["白梅鼠","しらうめねず","#e5e4e6"],
    • good
    • 0

 ["柳茶","やなぎちゃ","#a1a46d"],


 ["浅葱色","あさぎいろ","#00a3af"],
 ["胡桃染","くるみぞめ","#a58f86"],
 ["紅緋","べにひ","#e83929"],
 ["弁柄色","べんがらいろ","#8f2e14"],
 ["海松色","みるいろ","#726d40"],
 ["花浅葱","はなあさぎ","#2a83a2"],
 ["江戸鼠","えどねず","#928178"],
 ["赤","あか","#e60033"],
 ["赤錆色","あかさびいろ","#8a3319"],
 ["鶯色","うぐいすいろ","#928c36"],
 ["新橋色","しんばしいろ","#59b9c6"],
 ["煤色","すすいろ","#887f7a"],
 ["猩々緋","しょうじょうひ","#e2041b"],
 ["褐色","かっしょく","#8a3b00"],
 ["緑黄色","りょくおうしょく","#dccb18"],
 ["天色","あまいろ","#2ca9e1"],
 ["丁子茶","ちょうじちゃ","#b4866b"],
 ["紅","くれない","#d7003a"],
 ["栗梅","くりうめ","#852e19"],
 ["鶸色","ひわいろ","#d7cf3a"],
 ["露草色","つゆくさいろ","#38a1db"],
 ["柴染","ふしぞめ","#b28c6e"],
 ["深緋","こきひ","#c9171e"],
 ["紅檜皮","べにひはだ","#7b4741"],
 ["抹茶色","まっちゃいろ","#c5c56a"],
 ["青","あお","#0095d9"],
 ["宗伝唐茶","そうでんからちゃ","#a16d5d"],
 ["緋色","ひいろ","#d3381c"],
 ["海老茶","えびちゃ","#773c30"],
 ["若草色","わかくさいろ","#c3d825"],
 ["薄藍","うすあい","#0094c8"],
 ["砺茶","とのちゃ","#9f6f55"],
 ["赤丹","あかに","#ce5242"],
 ["唐茶","からちゃ","#783c1d"],
 ["黄緑","きみどり","#b8d200"],
 ["縹色","はなだいろ","#2792c3"],
 ["煎茶色","せんちゃいろ","#8c6450"],
 ["紅赤","べにあか","#d9333f"],
 ["栗色","くりいろ","#762f07"],
 ["若芽色","わかめいろ","#e0ebaf"],
 ["紺碧","こんぺき","#007bbb"],
 ["銀煤竹","ぎんすすだけ","#856859"],
 ["臙脂","えんじ","#b94047"],
 ["赤銅色","しゃくどういろ","#752100"],
 ["若菜色","わかないろ","#d8e698"],
 ["薄群青","うすぐんじょう","#5383c3"],
 ["黄枯茶","きがらちゃ","#765c47"],
 ["朱・緋","あけ","#ba2636"],
 ["錆色","さびいろ","#6c3524"],
 ["若苗色","わかなえいろ","#c7dc68"],
 ["薄花桜","うすはなざくら","#5a79ba"],
 ["煤竹色","すすたけいろ","#6f514c"],
 ["茜色","あかねいろ","#b7282e"],
 ["赤褐色","せっかっしょく","#683f36"],
 ["青丹","あおに","#99ab4e"],
 ["群青色","ぐんじょういろ","#4c6cb3"],
 ["焦茶","こげちゃ","#6f4b3e"],
 ["紅海老茶","べにえびちゃ","#a73836"],
 ["茶褐色","ちゃかっしょく","#664032"],
 ["草色","くさいろ","#7b8d42"],
 ["杜若色","かきつばたいろ","#3e62ad"],
 ["黒橡","くろつるばみ","#544a47"],
 ["蘇芳","すおう","#9e3d3f"],
 ["栗皮茶","くりかわちゃ","#6d3c32"],
 ["苔色","こけいろ","#69821b"],
    • good
    • 0

 ["狐色","きつねいろ","#c38743"],


 ["灰汁色","あくいろ","#9e9478"],
 ["白菫色","しろすみれいろ","#eaedf7"],
 ["濃色","こきいろ","#634950"],
 ["鴇浅葱","ときあさぎ","#b88884"],
 ["黄土色","おうどいろ","#c39143"],
 ["利休茶","りきゅうちゃ","#a59564"],
 ["白花色","しらはないろ","#e8ecef"],
 ["紫鳶","むらさきとび","#5f414b"],
 ["梅染","うめぞめ","#b48a76"],
 ["琥珀色","こはくいろ","#bf783a"],
 ["鶯茶","うぐいすちゃ","#715c1f"],
 ["藍白","あいじろ","#ebf6f7"],
 ["濃鼠","こいねず","#4f455c"],
 ["蘇芳香","すおうこう","#a86965"],
 ["赤茶","あかちゃ","#bb5535"],
 ["木蘭色","もくらんじき","#c7b370"],
 ["白藍","しらあい","#c1e4e9"],
 ["藤煤竹","ふじすすたけ","#5a5359"],
 ["浅蘇芳","あさすおう","#a25768"],
 ["代赭","たいしゃ","#bb5520"],
 ["砂色","すないろ","#dcd3b2"],
 ["水色","みずいろ","#bce2e8"],
 ["滅紫","けしむらさき","#594255"],
 ["真朱","まそお","#ec6d71"],
 ["煉瓦色","れんがいろ","#b55233"],
 ["油色","あぶらいろ","#a19361"],
 ["瓶覗","かめのぞき","#a2d7dd"],
 ["紅消鼠","べにけしねずみ","#524748"],
 ["赤紫","あかむらさき","#eb6ea5"],
 ["雀茶","すずめちゃ","#aa4f37"],
 ["利休色","りきゅういろ","#8f8667"],
 ["秘色色","ひそくいろ","#abced8"],
 ["似せ紫","にせむらさき","#513743"],
 ["躑躅色","つつじいろ","#e95295"],
 ["団十郎茶","だんじゅうろうちゃ","#9f563a"],
 ["梅幸茶","ばいこうちゃ","#887938"],
 ["空色","そらいろ","#a0d8ef"],
 ["灰黄緑","はいきみどり","#e6eae3"],
 ["牡丹色","ぼたんいろ","#e7609e"],
 ["柿渋色","かきしぶいろ","#9f563a"],
 ["璃寛茶","りかんちゃ","#6a5d21"],
 ["勿忘草色","わすれなぐさいろ","#89c3eb"],
 ["蕎麦切色","そばきりいろ","#d4dcd6"],
 ["今様色","いまよういろ","#d0576b"],
 ["紅鳶","べにとび","#9a493f"],
 ["黄海松茶","きみるちゃ","#918754"],
 ["青藤色","あおふじいろ","#84a2d4"],
 ["薄雲鼠","うすくもねず","#d4dcda"],
 ["中紅","なかべに","#c85179"],
 ["灰茶","はいちゃ","#98623c"],
 ["菜種油色","なたねゆいろ","#a69425"],
 ["白群","びゃくぐん","#83ccd2"],
 ["枯野色","かれのいろ","#d3cbc6"],
 ["薔薇色","ばらいろ","#e9546b"],
 ["茶色","ちゃいろ","#965042"],
 ["青朽葉","あおくちば","#ada250"],
 ["浅縹","あさはなだ","#84b9cb"],
 ["潤色","うるみいろ","#c8c2be"],
 ["韓紅","からくれない","#e95464"],
 ["檜皮色","ひわだいろ","#965036"],
 ["根岸色","ねぎしいろ","#938b4b"],
 ["薄花色","うすはないろ","#698aab"],
 ["利休白茶","りきゅうしろちゃ","#b3ada0"],
 ["銀朱","ぎんしゅ","#c85554"],
 ["鳶色","とびいろ","#95483f"],
 ["鶸茶","ひわちゃ","#8c8861"],
 ["納戸色","なんどいろ","#008899"],
 ["茶鼠","ちゃねずみ","#a99e93"],
 ["赤紅","あかべに","#c53d43"],
 ["柿茶","かきちゃ","#954e2a"],
    • good
    • 0

 ["桃色","ももいろ","#f09199"],


 ["枇杷茶","びわちゃ","#ae7c4f"],
 ["藍媚茶","あいこびちゃ","#555647"],
 ["錆鼠","さびねず","#47585c"],
 ["紫水晶","むらさきすいしょう","#e7e7eb"],
 ["鴇色","ときいろ","#f4b3c2"],
 ["芝翫茶","しかんちゃ","#ad7e4e"],
 ["千歳茶","せんさいちゃ","#494a41"],
 ["錆鉄御納戸","さびてつおなんど","#485859"],
 ["薄梅鼠","うすうめねず","#dcd6d9"],
 ["撫子色","なでしこいろ","#eebbcb"],
 ["焦香","こがれこう","#ae7c58"],
 ["岩井茶","いわいちゃ","#6b6f59"],
 ["藍鼠","あいねず","#6c848d"],
 ["暁鼠","あかつきねず","#d3cfd9"],
 ["灰梅","はいうめ","#e8d3c7"],
 ["胡桃色","くるみいろ","#a86f4c"],
 ["仙斎茶","せんさいちゃ","#474b42"],
 ["錆御納戸","さびおなんど","#53727d"],
 ["牡丹鼠","ぼたんねず","#d3ccd6"],
 ["灰桜","はいざくら","#e8d3d1"],
 ["渋紙色","しぶかみいろ","#946243"],
 ["黒緑","くろみどり","#333631"],
 ["舛花色","ますはないろ","#5b7e91"],
 ["霞色","かすみいろ","#c8c2c6"],
 ["淡紅藤","あわべにふじ","#e6cde3"],
 ["朽葉色","くちばいろ","#917347"],
 ["柳煤竹","やなぎすすたけ","#5b6356"],
 ["熨斗目花色","のしめはないろ","#426579"],
 ["藤鼠","ふじねず","#a6a5c4"],
 ["石竹色","せきちくいろ","#e5abbe"],
 ["桑茶","くわちゃ","#956f29"],
 ["樺茶色","かばちゃいろ","#726250"],
 ["御召御納戸","おめしおなんど","#4c6473"],
 ["半色","はしたいろ","#a69abd"],
 ["薄紅梅","うすこうばい","#e597b2"],
 ["路考茶","ろこうちゃ","#8c7042"],
 ["空五倍子色","うつぶしいろ","#9d896c"],
 ["鉄御納戸","てつおなんど","#455765"],
 ["薄色","うすいろ","#a89dac"],
 ["桃花色","ももはないろ","#e198b4"],
 ["国防色","こくぼうしょく","#7b6c3e"],
 ["生壁色","なまかべいろ","#94846a"],
 ["紺鼠","こんねず","#44617b"],
 ["薄鼠","うすねず","#9790a4"],
 ["水柿","みずがき","#e4ab9b"],
 ["伽羅色","きゃらいろ","#d8a373"],
 ["肥後煤竹","ひごすすたけ","#897858"],
 ["藍鉄","あいてつ","#393f4c"],
 ["鳩羽鼠","はとばねずみ","#9e8b8e"],
 ["ときがら茶","ときがらちゃ","#e09e87"],
 ["江戸茶","えどちゃ","#cd8c5c"],
 ["媚茶","こびちゃ","#716246"],
 ["青褐","あおかち","#393e4f"],
 ["鳩羽色","はとばいろ","#95859c"],
 ["退紅","あらぞめ","#d69090"],
 ["樺色","かばいろ","#cd5e3c"],
 ["白橡","しろつるばみ","#cbb994"],
 ["褐返","かちかえし","#203744"],
 ["桔梗鼠","ききょうねず","#95949a"],
 ["薄柿","うすがき","#d4acad"],
 ["紅鬱金","べにうこん","#cb8347"],
 ["亜麻色","あまいろ","#d6c6af"],
 ["褐色","かちいろ","#4d4c61"],
 ["紫鼠","むらさきねず","#71686c"],
 ["長春色","ちょうしゅんいろ","#c97586"],
 ["土器色","かわらけいろ","#c37854"],
 ["榛色","はしばみいろ","#bfa46f"],
 ["月白","げっぱく","#eaf4fc"],
 ["葡萄鼠","ぶどうねずみ","#705b67"],
 ["梅鼠","うめねず","#c099a0"],
 
    • good
    • 0

わたしも、java はわかりません。


そして、ひまじんにみえるかもしれませんが、それはちがいます。
そして、ぜんかくくうはくもじは、はんかくにしてください。
そして、むいみにながいので、ぶんかつです。

<!DOCTYPE html>
<title>Test</title>
<style type="text/css">
.colorList {
margin:0;
padding:0;
list-style:none;
width:200px;
float:left;
}
.colorList li {
width:10px;
height:10px;
float:left;
}
#MIHON {
width:20px;
font-size:20px;
float:left;
padding:10px;
}
</style>

<div id="PIKKER">
<div id="MIHON">これが文字</div>
</div>

<script>
var color = [
 ["桜色","さくらいろ","#fef4f4"],
 ["小豆色","あずきいろ","#96514d"],
 ["黄金","こがね","#e6b422"],
 ["萌葱色","もえぎいろ","#006e54"],
 ["古代紫","こだいむらさき","#895b8a"],
 ["薄桜","うすざくら","#fdeff2"],
 ["枯茶","からちゃ","#8d6449"],
 ["櫨染","はじぞめ","#d9a62e"],
 ["花緑青","はなろくしょう","#00a381"],
 ["茄子紺","なすこん","#824880"],
 ["桜鼠","さくらねず","#e9dfe5"],
 ["飴色","あめいろ","#deb068"],
 ["黄朽葉色","きくちばいろ","#d3a243"],
 ["翡翠色","ひすいいろ","#38b48b"],
 ["二藍","ふたあい","#915c8b"],
 ["鴇鼠","ときねず","#e4d2d8"],
 ["駱駝色","らくだいろ","#bf794e"],
 ["山吹茶","やまぶきちゃ","#c89932"],
 ["青緑","あおみどり","#00a497"],
 ["京紫","きょうむらさき","#9d5b8b"],
 ["虹色","にじいろ","#f6bfbc"],
 ["土色","つちいろ","#bc763c"],
 ["芥子色","からしいろ","#d0af4c"],
 ["水浅葱","みずあさぎ","#80aba9"],
 ["蒲葡","えびぞめ","#7a4171"],
 ["珊瑚色","さんごいろ","#f5b1aa"],
 ["黄唐茶","きがらちゃ","#b98c46"],
 ["豆がら茶","まめがらちゃ","#8b968d"],
 ["錆浅葱","さびあさぎ","#5c9291"],
 ["若紫","わかむらさき","#bc64a4"],
 ["一斤染","いっこんぞめ","#f5b199"],
 ["桑染","くわぞめ","#b79b5b"],
 ["麹塵","きくじん","#6e7955"],
 ["青碧","せいへき","#478384"],
 ["紅紫","べにむらさき","#b44c97"],
 ["宍色","ししいろ","#efab93"],
 ["櫨色","はじいろ","#b77b57"],
 ["山鳩色","やまばといろ","#767c6b"],
 ["御召茶","おめしちゃ","#43676b"],
 ["梅紫","うめむらさき","#aa4c8f"],
 ["紅梅色","こうばいいろ","#f2a0a1"],
 ["黄橡","きつるばみ","#b68d4c"],
 ["利休鼠","りきゅうねずみ","#888e7e"],
 ["湊鼠","みなとねずみ","#80989b"],
 [" 菖蒲色","あやめいろ","#cc7eb1"],
 ["薄紅","うすべに","#f0908d"],
 ["丁字染","ちょうじぞめ","#ad7d4c"],
 ["海松茶","みるちゃ","#5a544b"],
 ["高麗納戸","こうらいなんど","#2c4f54"],
 ["紅藤色","べにふじいろ","#cca6bf"],
 ["甚三紅","じんざもみ","#ee827c"],
 ["香染","こうぞめ","#ad7d4c"],
 ["藍海松茶","あいみるちゃ","#56564b"],
 ["百入茶","ももしおちゃ","#1f3134"],
 ["浅紫","あさむらさき","#c4a3bf"],
    • good
    • 0

javascriptということでよいのですよね?



基本的には可能だと思いますが、465色は多いので、をどのように表示するかのほうが問題かも。
「カラーピッカー」又は「color picker」あたりをキーにぐぐってみると、既存のライブラリがいろいろ見つかるので、そういったものを利用するのがよろしいのではないでしょうか。

雰囲気的には、カラーテーブルから選択するタイプか、色設定のダイアログ風のものに分かれそうです。
一例を以下に
<テーブルタイプ>
 http://www.zkoss.org/zkdemo/input/color_picker
<ダイアログタイプ>
 http://www.skuare.net/test/proPhotoColor.html
<変形>
 http://acko.net/dev/farbtastic

色が選択されてから、文字色や背景色を変える仕組みはNo1様の回答をご参考に。
    • good
    • 0

<script type="text/javascript">


function color(a){
var obj = document;
obj = obj.getElementById("Area");
obj.style.background = "#" + a;
}
</script>


<span onclick="color('ff0000')">赤</span>
<div id="Area" style="width:100px;height:100px;">ここに色が表示されます</div>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!