Encycolorpedia

#22bbff/#2bf十六進の色コード

#22bbff Paint Chip十六進の色コード#22bbff#2bfシアン色の色合いです。光の三原色RGBにおいて色モデル#22bbffは13.33%の赤色、73.33%の绿色、100%の青色でできている。HSLで色彩空間#22bbffは198°度の色調、100%の彩度、57%の明るさを有している。この色は約480.91nmの波長である。

色のバリエーション

名前付き色

配色

ダウンロード:GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#22bbffを補足するための#da9647線上グラデーション

  1. #22bbff
  2. #74b5e0
  3. #98afc2
  4. #b0a8a4
  5. #c2a286
  6. #cf9c67
  7. #da9647

単色

  1. #0099db
  2. #00a4e7
  3. #00b0f3
  4. #22bbff
  5. #3bc6ff
  6. #4ed2ff
  7. #5edeff

色調

  1. #22bbff
  2. #50b4ec
  3. #67add9
  4. #77a6c7
  5. #829fb5
  6. #8b98a3
  7. #919191

色彩勾配

#22bbff黒まで

  1. #22bbff
  2. #66c6ff
  3. #8dd1ff
  4. #addcff
  5. #cae8ff
  6. #e5f3ff
  7. #ffffff

#22bbff白まで

  1. #22bbff
  2. #2899d0
  3. #2878a2
  4. #255977
  5. #1e3c4e
  6. #152129
  7. #000000

塗料

類似の塗料

  1. Chrysler

    1. ★ Blue
      #4cb9fa
      ΔE = 1.942 / LRV ≈ 43.1%
  2. Ford

    1. ★ Blue
      #4cb9fa
      ΔE = 1.942 / LRV ≈ 43.1%

色覚異常

1色覚

2色型色覚

3色型色覚

HTML&CSS例

#22bbff前景

十人十色。

<p style="color: #2bf">…</p>

#22bbff背景

案ずるより産むが易し。

<p style="background-color: #2bf">…</p>

#22bbffテキストに影をつける

弱肉強食。

<p style="text-shadow: 0.1em 0.1em 0.15em #2bf">…</p>

構成表

色空間変換

十進
2276351
二進法
00100010, 10111011, 11111111
十六進法
#22bbff/#2bf
LRV
≈ 43.1%
RGB
rgb(34, 187, 255)
RGBA
rgba(34, 187, 255, 1.0)
rg色度
r: 0.071, g: 0.393, b: 0.536
RYB
赤色: 0.133%, 黄色: 0.488%, 青色: 1.000%
Android/android.graphics.Color
-14500865/0xff22bbff
HSL
hsl(198, 100%, 57%)
HSLA
hsla(198, 100%, 57%, 1.0)
HSV/HSB
色相: 198° (198.462), 飽和: 87% (0.867), 値: 100% (1.000)
HSP
色相: 198.462, 飽和: 86.667%, 知覚される明るさ: 65.954%
HSLuv(HUSL)
H: 236.354, S: 99.986, L: 71.620
Cubehelix
H: -167.937, S: 1.298, L: 0.583
TSL
T: -1.866, S: 0.360, L: 0.584
CMYK
シアン色: 87% (0.867), マゼンタ色: 27% (0.267), 黄色: 0% (0.000), キー・プレート: 0% (0.000)
CMY
シアン色: 87% (0.867), マゼンタ色: 27% (0.267), 黄色: 0% (0.000)
XYZ
X: 36.473, Y: 43.096, Z: 100.984
xyY
x: 0.202, y: 0.239, Y: 43.096
Lab色空間
L: 71.620, a: -14.333, b: -43.973
CIELuv
L: 71.620, u: -46.420, v: -69.747
CIELCH/LCHab
L: 71.620, C: 46.250, H: 251.947
CIELUV/LCHuv
L: 71.620, C: 83.783, H: 236.354
Hunter-Lab
L: 65.648, a: -15.712, b: -45.251
CIECAM02
J: 60.838, C: 61.714, h: 233.677, Q: 153.673, M: 53.968, s: 59.261, H: 295.580
OSA-UCS
明度: -10.257, 黄色: -7.512, 緑色: 5.336
LMS
L: 28.841, M: 48.109, S: 100.004
YCbCr
Y: 143.976, Cb: 180.496, Cr: 56.005
YCgCo
Y: 165.750, Cg: 21.250, Co: -46.750
YDbDr
Y: 149.005, Db: 159.494, Dr: 218.705
YPbPr
Y: 159.307, Pb: 51.595, Pr: -79.628
xvYCC
Y: 152.817, Cb: 173.323, Cr: 58.052
YIQ
Y: 149.005, I: -112.990, Q: -11.196
YUV
Y: 149.005, U: 52.161, V: -100.896
マンセルカラーシステム
2.5PB 6/10 ΔE = 7.665
ブランドカラー
Engadget ΔE = 4.188

ランダム色