
HTML&CSS例
#00c5fc前景
起死回生。
<p style="color: #00c5fc">…</p>
#00c5fc背景
自業自得。
<p style="background-color: #00c5fc">…</p>
#00c5fcテキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c5fc">…</p>
色空間変換
- 十進
- 50684
- 二進法
- 00000000, 11000101, 11111100
- 十六進法
- #00c5fc
- LRV
- ≈ 47.0%
- 最も近い短い16進数
- #2cf ΔE = 2.750
- RGB
- rgb(0, 197, 252)
- RGBA
- rgba(0, 197, 252, 1.0)
- rg色度
- r: 0.000, g: 0.439, b: 0.561
- RYB
- 赤色: 0.000%, 黄色: 43.359%, 青色: 98.824%
- Android/android.graphics.Color
- -16726532/0xff00c5fc
- HSL
- hsl(193, 100%, 49%)
- HSLA
- hsla(193, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 193° (193.095), 飽和: 100% (1.000), 値: 99% (0.988)
- HSP
- 色相: 193.095, 飽和: 100.000%, 知覚される明るさ: 67.947%
- HSLuv(HUSL)
- H: 229.138, S: 100.019, L: 74.161
- Cubehelix
- H: -174.288, S: 1.497, L: 0.565
- TSL
- T: -1.736, S: 0.469, L: 0.566
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 22% (0.218), 黄色: 0% (0.000), キー・プレート: 1% (0.012)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 1% (0.012)
- XYZ
- X: 37.530, Y: 46.956, Z: 99.162
- xyY
- x: 0.204, y: 0.256, Y: 46.956
- Lab色空間
- L: 74.161, a: -21.811, b: -38.411
- CIELuv
- L: 74.161, u: -51.488, v: -59.519
- CIELCH/LCHab
- L: 74.161, C: 44.171, H: 240.411
- CIELUV/LCHuv
- L: 74.161, C: 78.699, H: 229.138
- Hunter-Lab
- L: 68.524, a: -22.156, b: -37.832
- CIECAM02
- J: 63.702, C: 60.388, h: 226.976, Q: 157.249, M: 52.808, s: 57.951, H: 287.703
- OSA-UCS
- 明度: -10.214, 黄色: -6.482, 緑色: 5.968
- LMS
- L: 31.570, M: 53.906, S: 98.267
- YCbCr
- Y: 139.984, Cb: 181.301, Cr: 37.612
- YCoCg
- Y: 161.500, Cg: 35.500, Co: -63.000
- YDbDr
- Y: 144.367, Db: 161.965, Dr: 274.536
- YPbPr
- Y: 158.999, Pb: 50.155, Pr: -101.030
- xvYCC
- Y: 152.552, Cb: 172.058, Cr: 39.252
- YIQ
- Y: 144.367, I: -135.026, Q: -24.544
- YUV
- Y: 144.367, U: 52.967, V: -126.656
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.404
- ブランドカラー
- Engadget ΔE = 2.898