漆黒とはどんな黒?言葉の意味とカラーコード

TIPS

「漆黒(しっこく)」は、普通の黒と何が違うのでしょうか。漆黒は、漆を塗った面を思わせる深い黒を表す言葉です。ただし、Webのカラーコードで「漆黒」を表す場合、世界共通の数値が一つ決まっているわけではありません。言葉の意味と色見本、画面で使うときの選び方を整理します。

漆黒の意味と普通の黒との違い

「漆黒」は「しっこく」と読みます。「漆」は、漆器などに使われる塗料の漆(うるし)のことです。漆黒は、黒い漆を塗ったように、真っ黒で艶(つや)のある様子や、その色を指します。「漆黒の闇」のように、非常に暗いことを強調する表現にも使われます。

「黒」は広い色の呼び方ですが、「漆黒」には深さや艶を連想させる意味が加わります。ただし、画面の単色塗りだけで漆器のような光沢まで再現できるわけではありません。色の暗さと、光が反射して見える質感は分けて考える必要があります。

漆黒のカラーコードを色見本で比べる

Webで使うHEX(ヘックス)は、赤・緑・青の色成分を16進数で表したコードです。黒を表す数値としては、次のような違いがあります。

  • 基本となる黒:■#000000。赤・緑・青がすべて0の黒で、CSS(Webページの見た目を指定する仕組み)の色名「black」に対応します。漆黒を単純な黒として表したい場合の選択肢です。
  • わずかに青みを含む見本:■#00000F。漆黒の色見本として紹介される値の一例です。青の成分をごく少量含み、ほぼ黒に見えます。
  • わずかに紫みを含む見本:■#0A0017。別の色名資料で漆黒の例として使われる値です。赤と青の成分が少しだけあり、黒に近い青紫です。

二つの色名資料でも数値が異なるように、漆黒という言葉だけから唯一のHEXコードを決めることはできません。デザインでは、資料の値を絶対視するより、周囲の色や写真との相性で選びます。

例えば、漆工芸を紹介するWebページなら、見出しのある帯に■#0A0017を使い、文字を温かみのある白系の■#F5F3EFにすると、文字と背景のコントラスト比は約18.48:1です。お問い合わせ用のボタンには淡いベージュの■#E6D9C4を背景として使い、文字を■#0A0017にすると約14.71:1になります。ボタンの外側も■#0A0017なら、ボタン背景との明暗差も同じ約14.71:1です。

Webで漆黒を使うときの調整ポイント

艶を感じさせたい場合は、色をさらに暗くするだけでなく、実物写真のハイライトや光の反射を生かすことが大切です。背景まで真っ黒にすると暗い商品の輪郭が埋もれることがあるため、写真の周囲に明るい余白を設けるなど、内容に合わせて調整します。

文字を載せるときは、色名の印象ではなく実際のコントラスト比を確認してください。WCAG(Webコンテンツのアクセシビリティ指針)2.2のレベルAAでは、通常サイズの文字に4.5:1以上、大きな文字に3:1以上が求められます。HueRollでは、HEXを入力した色と白・黒とのコントラストを確認できますが、任意の2色の比較やAAの自動判定はできません。上の白系文字・ベージュ色との比率は別途計算した値です。