
HTML&CSS例
#646aa8前景
知らぬが仏。
<p style="color: #646aa8">…</p>
#646aa8背景
海千山千。
<p style="background-color: #646aa8">…</p>
#646aa8テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #646aa8">…</p>
色空間変換
- 十進
- 6580904
- 二進法
- 01100100, 01101010, 10101000
- 十六進法
- #646aa8
- LRV
- ≈ 15.8%
- 最も近い短い16進数
- #66a ΔE = 2.109
- RGB
- rgb(100, 106, 168)
- RGBA
- rgba(100, 106, 168, 1.0)
- rg色度
- r: 0.267, g: 0.283, b: 0.449
- RYB
- 赤色: 39.216%, 黄色: 41.378%, 青色: 65.882%
- Android/android.graphics.Color
- -10196312/0xff646aa8
- HSL
- hsl(235, 28%, 53%)
- HSLA
- hsla(235, 28%, 53%, 1.0)
- HSV/HSB
- 色相: 235° (234.706), 飽和: 40% (0.405), 値: 66% (0.659)
- HSP
- 色相: 234.706, 飽和: 40.476%, 知覚される明るさ: 44.373%
- HSLuv(HUSL)
- H: 263.169, S: 40.928, L: 46.769
- Cubehelix
- H: -127.445, S: 0.465, L: 0.435
- TSL
- T: -2.735, S: 0.111, L: 0.436
- CMYK
- シアン色: 40% (0.405), マゼンタ色: 37% (0.369), 黄色: 0% (0.000), キー・プレート: 34% (0.341)
- CMY
- シアン色: 61% (0.608), マゼンタ色: 58% (0.584), 黄色: 34% (0.341)
- XYZ
- X: 17.475, Y: 15.844, Z: 39.176
- xyY
- x: 0.241, y: 0.219, Y: 15.844
- Lab色空間
- L: 46.769, a: 13.759, b: -34.027
- CIELuv
- L: 46.769, u: -6.241, v: -52.103
- CIELCH/LCHab
- L: 46.769, C: 36.703, H: 292.017
- CIELUV/LCHuv
- L: 46.769, C: 52.476, H: 263.169
- Hunter-Lab
- L: 39.804, a: 8.710, b: -30.491
- CIECAM02
- J: 36.178, C: 39.799, h: 271.206, Q: 118.505, M: 34.804, s: 54.193, H: 317.088
- OSA-UCS
- 明度: -10.323, 黄色: -6.055, 緑色: -0.160
- LMS
- L: 13.250, M: 14.838, S: 38.793
- YCbCr
- Y: 111.588, Cb: 156.106, Cr: 120.964
- YCgCo
- Y: 120.000, Cg: -14.000, Co: 8.000
- YDbDr
- Y: 111.274, Db: 85.346, Dr: 21.452
- YPbPr
- Y: 109.186, Pb: 31.690, Pr: -5.852
- xvYCC
- Y: 109.772, Cb: 155.837, Cr: 122.859
- YIQ
- Y: 111.274, I: -23.493, Q: 18.022
- YUV
- Y: 111.274, U: 27.916, V: -9.891
- マンセルカラーシステム
- 7.5PB 4/10 ΔE = 4.115
- ブランドカラー
- Heroku (dark) ΔE = 1.218