AFFINGER ブログ

【アフィンガー6】テキストの文字色を変更する方法【画像付きで解説】

2022年9月9日

この記事で解決できるお悩み

  • アフィンガー6を使った文字色の変え方が知りたい
  • おすすめの文字色ってあるの?
  • 他サイトの文字色を調べる方法は?
きくやん
こんなお悩みを解決できる記事を書きました。

 

この記事を読めば、テキストの文字色を
変更する方法がわかりますよ!

 

文字色の変更方法➡︎おすすめの文字色
➡︎文字色を調べる方法の順で解説していきます。

 

さっそく見ていきましょう!

 

文字色の変更方法

記事本文の文字色は、以下の手順で変更できます。

①「外観」➡︎「カスタマイズ」

②「見出しタグ(hx)/テキスト」

③「テキスト色一括変更」

④「色を選択」

 

①外観➡︎カスタマイズ

外観➡︎カスタマイズ

 

②見出しタグ(hx)/テキスト

見出しタグ(hx)/テキスト

 

③テキスト色一括変更

テキスト色一括変更

 

④色を選択

色を選択

 

きくやん
違いがわかりやすいように、
文字色をにしてみました!

文字を赤色に

ポイント

文字色の変更は

・カラーコードの指定(#000000〜など)

・目で色を確認してクリック

 

おすすめの文字色

結論、真っ黒はおすすめしません。

 

真っ黒だと、目が疲れやすいと
言われているからです。

 

実際に真っ黒(#000000)
ちょっと薄めの黒(#333333)
比較してみましょう。

まっくろくろすけ出ておいで〜(#000000)

まっくろくろすけ出ておいで〜(#333333)

きくやん
真っ黒は、ちょっと強い感じが
しますよね。

 

サイトのカラーにもよるのですが、
真っ黒い文字はおすすめしません。

色を調べる方法

最後に文字色を調べる方法をご紹介します!

 

他サイトの文字色を調べられたら便利ですもんね。

 

文字色を調べる方法

①Google Chromeを起動

ColorPick Eyedropperの拡張機能
Chromeに追加

③拡張機能からColorPick Eyedropperを
クリック

④色を知りたい所に、カーソルを合わせる

 

①Google Chromeを起動

Google Chromeを起動

 

chrome ウェブストアにアクセスし、
ColorPick Eyedropperの拡張機能をChromeに追加

ColorPick Eyedropperの拡張機能をChromeに追加

 

③拡張機能からColorPick Eyedropperをクリック

ColorPick Eyedropperをクリック

 

④色を知りたい所に、カーソルを合わせる

 

色を知りたい所に、カーソルを合わせる

きくやん
この色いいな!使いたい!と
思ったら調べちゃいましょう。

 

まとめ

テキストの文字色を変更する方法について、
解説しました。

 

参考になったら嬉しいです。

-AFFINGER, ブログ