デザイン
カラーコード変換(HEX/RGB/HSL)、CSSグラデーション・シャドウ生成、アスペクト比計算、色覚シミュレーターなど、デザイン作業を支援するツールを揃えています。ブラウザ上で即座にプレビューしながら値を調整できるので、デザインカンプ作成やCSSコーディングの試行錯誤を素早く進められます。アクセシビリティ確認にも便利です。
色覚シミュレーター(P型/D型/T型の見え方を画像で確認)
画像アップロードでP型/D型/T型の色覚での見え方を一括シミ…
露出計算ツール(F値・SS・ISOから露出の三角形を可視化)
F値・シャッタースピード・ISO感度を入力してEV値と等価露…
カメラ画角計算ツール(焦点距離・センサーサイズ対応)
焦点距離とセンサーサイズから水平・垂直・対角画角と35mm換…
被写界深度シミュレーター(F値・焦点距離・距離でボケ範囲計算)
F値・焦点距離・撮影距離・センサーサイズを入力して被写界深度…
動画ファイルサイズ推定ツール(4K/1080p・H.264/H.265/AV1比較)
解像度・fps・コーデック・時間から動画の容量を自動計算。H…
アスペクト比計算ツール
幅と高さからアスペクト比を計算。比率と片方のサイズからもう片…
CSSジェネレーター(box-shadow / border-radius / gradient)
box-shadow・border-radius・gradi…