デザイン
カラーユーティリティ
HEX、RGB、HSLカラーの変換と、アクセシビリティのためのWCAGコントラスト比チェックを行います。
カラー変換
HEX
#007BFF
RGB
rgb(0, 123, 255)
HSL
hsl(211, 100%, 50%)
コントラストチェッカー (WCAG)
コントラスト比 21.00
通常テキスト
AA (4.5:1)
AAA (7.0:1)
大きなテキスト
AA (3.0:1)
AAA (4.5:1)
プレビュー
寿限無、寿限無、五劫の擦り切れ。素早い茶色の狐がのろまな犬を飛び越える。
最新記事
Story
2026-03-09
再帰で解くJSON→TypeScript型変換：ライブラリに頼らない強み
APIレスポンスから瞬時に型定義を生成。外部パーサーを使わずに再帰的なアルゴリズムで軽量・高速に実装した裏側を紹介します。
Read more →
Story
2026-03-09
安全なJWT検証環境をブラウザに。セキュリティエンジニアの視点
機密性の高いトークンを安全に扱うために。joseライブラリとローカル処理を組み合わせたJWTツールの設計思想を解説します。
Read more →
Story
2026-03-09
QRコード生成をもっと手軽に、もっと安全に
Canvas APIとnode-qrcodeを組み合わせ、ブラウザ上でのリアルタイムな生成とプライバシー保護を両立したツールの紹介。
Read more →
Story
2026-03-09
データ送信なしで安心。ブラウザ完結型Diffツールの開発背景
テキスト差分を安全かつ高速に比較するために、外部ライブラリを活用しつつプライバシーを最優先した設計について解説します。
Read more →
Story
2026-03-09
ライブラリ不要のタイムゾーン変換：Intl APIの底力
Moment.jsやdate-fnsを使わずに、ブラウザ標準のIntl APIだけで実現する軽量なタイムゾーン処理の裏側。
Read more →
Story
2026-03-03
SQL to ER図変換ツールの開発秘話：ブラウザ完結へのこだわり
SQLからER図を生成するツールの開発背景と、セキュリティと利便性を両立させるための技術的な挑戦について紹介します。
Read more →