Textwellでカラーコードの色見本を表示するアクション Colors

配色を決める参考に。

Textwell 1.1.7
分類: 仕事効率化,ユーティリティ
価格: \300 (Sociomedia)

HTML用カラーコードを取得。HTMLタグの配色は「style="color:#000033; background:#CCCCCC"」と指定します。この「#000033」とか、数字では分からん。見てみんと分からん。だから、見て・選んで・コードを書き込むアクションを作ってみました。

<title>Colors</title>
<body style=margin:0;>
<script>
h="0123456789ABCDEF";
s="<table>";
for(i=0;i<256;i+=51){
  for(j=0;j<256;j+=51){
    s+="<tr align=center>";
    for(k=0;k<256;k+=51){
      c=h.charAt(k/16)+h.charAt(k%16)+h.charAt(j/16)+h.charAt(j%16)+h.charAt(i/16)+h.charAt(i%16);
      s+="<td style=padding:50px;background:#"+c+";><a onClick=Paste(\"#"+c+"\")>"+c+"</a></td> ";
    }
   s+="</tr>\n";
}}
s+="</table>";
document.write(s);

function Paste(x){
  if(T.range.len){
    T("replaceCurrent",{text:"<span style=\"color:black;background:"+x+";\">"+T.current+"</span>"});
  }else{
    T("insert",{text:x});
  }
}
</script>
</body>

登録リンクはこちら→ http://tinyurl.com/n8a2njv
追記: 12:00 選択範囲に対しspanタグで背景色を付けます

33刻みに色を変えパレットにしています。パレットの真ん中にカラーコードが表示されるので、そこをタップしてください。本文にコードが追記されます。

TextwellでHTMLタグを付けるアクション TagTas
文字列加工の基本形。前回と同じロジックで、今回はタグ付け。基本はカーソル行が対象。複数行を選択すると、各行に同じHTMLタグを付けることができます。タグ名は後から指定。登録リンクはこちら→ http:...

文中の文字色を変えたいときはspanタグ。TagTasで「span style=color:」を付けておいてから、このColorsで色を呼び出してくると出来上がり。

<span style="color:#FF6600;">からくれないに みずくくるとは</span>

からくれないにみずくくるとは

<span style="color:#CCCCCC;background:#00CC99;">よしののさとに ふれるしらゆき</span>

よしののさとにふれるしらゆき

見出しを作るときはdivタグをカスタマイズ。

<div style=color:white;background:#FF3366;padding:10px;>なにわづに さくやこのはな ふゆごもり</div>

なにわづにさくやこのはなふゆごもり

こんな感じにホームページにアクセントをつけることが出来ます。