TSUBASAが属する個人プロジェクト「COFUS」内のBLOGコンテンツです。TSUBAS1992年生まれ、沖縄県育ち、現在大阪暮らし。フリーなフロントエンドエンジニアとしてコーディング案件をメインに行いながら、Web制作・Webサイト運営・ツール制作などの活動を行っています。使い道は無いでしょうが、特定のカラーHEX値が白色系か、はたまた黒色系か判定する必要に迫られた時は以下の様な形で簡易的に判定することが出来ます。HEX値色判定の実装まずはHEX値の色判定を実装していきます。判定自体は非常に簡素で、checkColor()で受け取ったHEX値をr,g,bに変換し、check_colorの部分で白色系であればwhite、黒色系であればblackを返します。使い方も非常に簡単で、checkColorにHEX値を渡すだけです。white使う頻度が多いか少ないかで言うと限りなく少ないとは思いますが、上記の様な形でfunction.jsにでもexportして置いておけば何時の日か使える時が来るかもです。ChatworkというChrome拡張機能を制作していた際に、UI色変更機能で文字色と同系色になった場合に使いました。^^今回はHEX値が分かる前提での色判定方法でしたが、例えば背景画像の色判定等の場合ではBackground-Check等を利用すると背景画像(CSSのbackground-imageでも可)でも色判定が可能です。GithubTwitterChatworknoteFacebookWeb制作、コーディングのご依頼お待ちしております!。