
HTML&CSS例
#00b8c4前景
蛙の子は蛙。
<p style="color: #00b8c4">…</p>
#00b8c4背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00b8c4">…</p>
#00b8c4テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00b8c4">…</p>
色空間変換
- 十進
- 47300
- 二進法
- 00000000, 10111000, 11000100
- 十六進法
- #00b8c4
- LRV
- ≈ 38.3%
- 最も近い短い16進数
- #0bc ΔE = 2.149
- RGB
- rgb(0, 184, 196)
- RGBA
- rgba(0, 184, 196, 1.0)
- rg色度
- r: 0.000, g: 0.484, b: 0.516
- RYB
- 赤色: 0.000%, 黄色: 37.218%, 青色: 76.863%
- Android/android.graphics.Color
- -16729916/0xff00b8c4
- HSL
- hsl(184, 100%, 38%)
- HSLA
- hsla(184, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 184° (183.673), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 183.673, 飽和: 100.000%, 知覚される明るさ: 61.072%
- HSLuv(HUSL)
- H: 202.717, S: 100.019, L: 68.214
- Cubehelix
- H: -184.562, S: 1.220, L: 0.510
- TSL
- T: -1.550, S: 0.491, L: 0.511
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 6% (0.061), 黄色: 0% (0.000), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 28% (0.278), 黄色: 23% (0.231)
- XYZ
- X: 27.100, Y: 38.263, Z: 58.171
- xyY
- x: 0.219, y: 0.310, Y: 38.263
- Lab色空間
- L: 68.214, a: -33.903, b: -17.089
- CIELuv
- L: 68.214, u: -51.496, v: -21.559
- CIELCH/LCHab
- L: 68.214, C: 37.966, H: 206.750
- CIELUV/LCHuv
- L: 68.214, C: 55.827, H: 202.717
- Hunter-Lab
- L: 61.857, a: -30.048, b: -12.457
- CIECAM02
- J: 57.009, C: 49.417, h: 205.866, Q: 148.759, M: 43.215, s: 53.898, H: 261.198
- OSA-UCS
- 明度: -10.091, 黄色: -2.735, 緑色: 6.196
- LMS
- L: 26.849, M: 46.239, S: 57.807
- YCbCr
- Y: 127.944, Cb: 160.500, Cr: 46.372
- YCgCo
- Y: 141.000, Cg: 43.000, Co: -49.000
- YDbDr
- Y: 130.352, Db: 98.796, Dr: 247.876
- YPbPr
- Y: 145.672, Pb: 27.160, Pr: -92.552
- xvYCC
- Y: 141.107, Cb: 151.858, Cr: 46.699
- YIQ
- Y: 130.352, I: -113.467, Q: -35.174
- YUV
- Y: 130.352, U: 32.306, V: -114.360
- マンセルカラーシステム
- 2.5B 6/8 ΔE = 2.729
- ブランドカラー
- Virb ΔE = 11.552