No.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>
// ふぅ~ つかれた~
ありがとうございます!!
本当に申し訳ありませんでした。
ここまでして頂けるとは思っていませんでしたので、感謝感激です。
あとはこののをどうやって配置するかですね!
頑張ってみます。
ありがとうございました。
No.9
- 回答日時:
["常磐色","ときわいろ","#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 (''));
No.8
- 回答日時:
["肌色","はだいろ","#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"],
No.7
- 回答日時:
["瑠璃色","るりいろ","#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"],
No.6
- 回答日時:
["柳茶","やなぎちゃ","#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"],
No.5
- 回答日時:
["狐色","きつねいろ","#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"],
No.4
- 回答日時:
["桃色","ももいろ","#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"],
No.3
- 回答日時:
わたしも、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"],
No.2
- 回答日時:
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様の回答をご参考に。
No.1
- 回答日時:
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) VBAで早押しゲームを作りたい 4 2022/05/12 13:46
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- プリンタ・スキャナー 【至急】EPSON EP-808AB プリンターUSBメモリーが反応しない 3 2022/06/12 01:13
- 日用品・生活雑貨 これ何に使うものかわかる方いらっしゃいましたら教えてください 2 2022/06/24 18:57
- その他(学校・勉強) 写真のものはカラーチャートですか? また、色表集とカラーチャートの違いを教えていただきたいです。 2 2022/08/07 17:22
- Visual Basic(VBA) Powerpointでランダムな数字の結果を表示するマクロ 2 2023/08/04 10:04
- デジタルカメラ sony a7ii と 富士フイルムX-T2について 【sony a7ii】 数値変動・動画ボタンの 1 2023/03/21 01:14
- Android(アンドロイド) dtab 電源がつかないのですが特殊な状況 助けてください 1 2022/04/08 01:01
- gooのスマホ スマホF-51Bに緊急時情報画面でロックが掛かって解除できません。 3 2023/06/18 23:05
- メルカリ メルカリショップ申請に落ちた 1 2022/05/13 17:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでiframeのURL変更は?
-
C#で、ContextMenuStripに動的...
-
var_dumpのdump意味はを知りた...
-
C#OpenCv V4にのエラーに関する...
-
ASP.NETのコントロールの値をJa...
-
GASでundefinedエラーが出ます
-
Javascriptで指定した位置の文...
-
javascriptで同文字の出現回数...
-
google apps scriptの終了のさせ方
-
GASのエラー「undefined からプ...
-
毎日日付の変わるタイミングを...
-
jsによって検索プルダウン、都...
-
C# 演算 奇数と偶数 表現の仕方
-
AM,PMの時間表示について
-
シンプルなweb版スタンプラリー...
-
gas スプレッドシートがアクテ...
-
JavaScript window.openで開く...
-
同じIDで定義した要素の配列を...
-
ボタンをクリックすると数が増...
-
jspからjavascriptの変数引継ぎ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
C#で、ContextMenuStripに動的...
-
ASP.NET MVCでObjectをjsに渡す
-
ローカルにあるファイルを検索...
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
イベントが初めの一回しか起き...
-
ジェネレーターの作り方
-
JavaScriptで文字列の特定文字...
-
javascriptでテーブルに追加し...
-
なぜmatchメソッドがエラーにな...
-
ASP.NETのコントロールの値をJa...
-
javascriptでiframeのURL変更は?
-
翌月を取得するGASが分かりません
-
1日1回だけ引けるjavascriptお...
-
商品コードを入力で、商品名、...
-
JavaScriptで平日のみをカウン...
-
jsによって検索プルダウン、都...
-
C# 演算 奇数と偶数 表現の仕方
-
GASでundefinedエラーが出ます
-
gas スプレッドシートがアクテ...
おすすめ情報

