#ffffffと#fffはどっちを書くべきか
CSSで色を指定するとき、白なら #ffffff と #fff の2つの書き方があります。結論から言うと、「基本は #fff でいい」です。ただし、なんとなく短いからという理由だけで選ぶのは危険です。ちゃんと仕組みと使い分けを理解しておくべきです。⸻そもそも何が違うのかこの2つは完全に同じ色です。 • #ffffff • #fffこれは省略記法かどうかの違いだけで、内部的には • #ffffff = R:ff / G:ff / B:ff • #fff = #ffffff を3桁に省略したものつまり • #abc → #aabbccというルールで展開されます。⸻じゃあなぜ6桁が存在するのかここを理解してないと判断をミスります。3桁にできるのは「各値が同じペアのときだけ」です。例： • #ffffff → OK（ff ff ff） • #000000 → OK（00 00 00）でも • #f0f0f0 → NG（f0 は分解できない）つまり、全部の色が省略できるわけではない。⸻実務での結論1. 省略できるなら #fff を使う無駄に長く書く意味はない。 • 可読性：変わらない • パフォーマンス：微差だが短い方が良い • 書く量：減るなので基本はこれでOK。⸻2. チーム開発ならルールに従えここを無視するのは素人。プロジェクトによっては • 「必ず6桁で統一」 • 「3桁OK」などルールがあります。理由はシンプルで、コードの一貫性のため。あなた一人の最適より、チーム全体の統一が優先。⸻3. デザインツールとの整合性を見るFigmaなどは基本6桁で吐きます。 • デザイン → #f
0
