
HTML&CSS例
#ff3399前景
井の中の蛙大海を知らず。
<p style="color: #f39">…</p>
#ff3399背景
知らぬが仏。
<p style="background-color: #f39">…</p>
#ff3399テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #f39">…</p>
色空間変換
- 十進
- 16724889
- 二進法
- 11111111, 00110011, 10011001
- 十六進法
- #ff3399/#f39
- LRV
- ≈ 25.9%
- RGB
- rgb(255, 51, 153)
- RGBA
- rgba(255, 51, 153, 1.0)
- rg色度
- r: 0.556, g: 0.111, b: 0.333
- RYB
- 赤色: 100.000%, 黄色: 20.000%, 青色: 60.000%
- Android/android.graphics.Color
- -52327/0xffff3399
- HSL
- hsl(330, 100%, 60%)
- HSLA
- hsla(330, 100%, 60%, 1.0)
- HSV/HSB
- 色相: 330° (330.000), 飽和: 80% (0.800), 値: 100% (1.000)
- HSP
- 色相: 330.000, 飽和: 80.000%, 知覚される明るさ: 60.293%
- HSLuv(HUSL)
- H: 348.833, S: 100.018, L: 57.974
- Cubehelix
- H: -41.296, S: 1.202, L: 0.484
- TSL
- T: 4.451, S: 0.422, L: 0.485
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 80% (0.800), 黄色: 40% (0.400), キー・プレート: 0% (0.000)
- CMY
- シアン色: 0% (0.000), マゼンタ色: 80% (0.800), 黄色: 40% (0.400)
- XYZ
- X: 48.177, Y: 25.934, Z: 32.600
- xyY
- x: 0.451, y: 0.243, Y: 25.934
- Lab色空間
- L: 57.974, a: 79.807, b: -6.256
- CIELuv
- L: 57.974, u: 122.375, v: -24.157
- CIELCH/LCHab
- L: 57.974, C: 80.052, H: 355.518
- CIELUV/LCHuv
- L: 57.974, C: 124.737, H: 348.833
- Hunter-Lab
- L: 50.925, a: 79.748, b: -2.306
- CIECAM02
- J: 52.047, C: 87.106, h: 357.969, Q: 142.137, M: 76.173, s: 73.206, H: 378.362
- OSA-UCS
- 明度: -10.146, 黄色: -2.948, 緑色: -15.562
- LMS
- L: 41.151, M: 10.324, S: 32.556
- YCbCr
- Y: 122.233, Cb: 142.586, Cr: 210.314
- YCoCg
- Y: 127.500, Cg: -76.500, Co: 89.250
- YDbDr
- Y: 123.624, Db: 44.166, Dr: -249.798
- YPbPr
- Y: 101.796, Pb: 27.540, Pr: 97.308
- xvYCC
- Y: 103.425, Cb: 152.192, Cr: 213.478
- YIQ
- Y: 123.624, I: 88.757, Q: 74.873
- YUV
- Y: 123.624, U: 14.458, V: 115.259
- Okhsl
- h: 356.401, s: 1.000, l: 0.617
- Okhsv
- h: 356.401. s: 0.923, v: 1.000
- Okhwb
- h: 356.401, w: 0.077, b: 0.000
- Oklab
- l: 0.670, a: 0.246, b: -0.015
- Oklch
- l: 0.670, c: 0.246, h: 356.401
- マンセルカラーシステム
- 7.5RP 5/14 ΔE = 10.662
- ブランドカラー
- Flickr (pink) ΔE = 4.789