
HTML&CSS例
#00c6fb前景
井の中の蛙大海を知らず。
<p style="color: #00c6fb">…</p>
#00c6fb背景
自業自得。
<p style="background-color: #00c6fb">…</p>
#00c6fbテキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6fb">…</p>
色空間変換
- 十進
- 50939
- 二進法
- 00000000, 11000110, 11111011
- 十六進法
- #00c6fb
- LRV
- ≈ 47.3%
- 最も近い短い16進数
- #1cf ΔE = 2.193
- RGB
- rgb(0, 198, 251)
- RGBA
- rgba(0, 198, 251, 1.0)
- rg色度
- r: 0.000, g: 0.441, b: 0.559
- RYB
- 赤色: 0.000%, 黄色: 43.406%, 青色: 98.431%
- Android/android.graphics.Color
- -16726277/0xff00c6fb
- HSL
- hsl(193, 100%, 49%)
- HSLA
- hsla(193, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 193° (192.669), 飽和: 100% (1.000), 値: 98% (0.984)
- HSP
- 色相: 192.669, 飽和: 100.000%, 知覚される明るさ: 68.144%
- HSLuv(HUSL)
- H: 228.097, S: 100.019, L: 74.412
- Cubehelix
- H: -174.779, S: 1.496, L: 0.566
- TSL
- T: -1.727, S: 0.470, L: 0.568
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 21% (0.211), 黄色: 0% (0.000), キー・プレート: 2% (0.016)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 2% (0.016)
- XYZ
- X: 37.599, Y: 47.348, Z: 98.405
- xyY
- x: 0.205, y: 0.258, Y: 47.348
- Lab色空間
- L: 74.412, a: -22.663, b: -37.485
- CIELuv
- L: 74.412, u: -51.897, v: -57.834
- CIELCH/LCHab
- L: 74.412, C: 43.803, H: 238.843
- CIELUV/LCHuv
- L: 74.412, C: 77.705, H: 228.097
- Hunter-Lab
- L: 68.810, a: -22.881, b: -36.624
- CIECAM02
- J: 63.998, C: 59.989, h: 226.083, Q: 157.614, M: 52.459, s: 57.692, H: 286.635
- OSA-UCS
- 明度: -10.208, 黄色: -6.315, 緑色: 6.015
- LMS
- L: 31.912, M: 54.519, S: 97.529
- YCbCr
- Y: 140.390, Cb: 180.571, Cr: 37.315
- YCoCg
- Y: 161.750, Cg: 36.250, Co: -62.750
- YDbDr
- Y: 144.840, Db: 159.749, Dr: 275.435
- YPbPr
- Y: 159.642, Pb: 49.270, Pr: -101.438
- xvYCC
- Y: 153.104, Cb: 171.280, Cr: 38.894
- YIQ
- Y: 144.840, I: -134.979, Q: -25.378
- YUV
- Y: 144.840, U: 52.242, V: -127.071
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.045
- ブランドカラー
- Engadget ΔE = 3.487