#71d2e1
十六進の色コード十六進の色コード#71d2e1
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#71d2e1
は44.31%の赤色、82.35%の绿色、88.24%の青色でできている。HSLで色彩空間#71d2e1
は188.04度の色調、65.12%の彩度、66.27%の明るさを有している。この色は約502 nmの波長である。
#71d2e1
情報反転
#8e2d1e 25% 飽和度
#62dcee 濃淡階調
#a8a8a8
rgb(113, 210, 225)
rgba(113, 210, 225, 1.0)
赤色:44.3137%、黄色:64.6984%、青色:88.2353%
#71d2e1
7459553
-9317663 / 0xff71d2e1
hsl(188, 65%, 66%)
hsla(188, 65%, 66%, 1.0)
色調:188(188.0357)、彩度:50(49.7778)、値:88(88.2353)
X:43.4473、Y:55.0401、Z:79.5681
x:0.244、y:0.3091、Y:55.0401
L:79.0644、a:-24.5972、b:-16.2412
L:79.0644、u:-42.0957、v:-21.7489
L:79.0644、C:29.4754、H:213.4362
L:74.189、a:-25.2961、b:-11.6564
シアン色:50(0.4978)、マゼンタ色:7(0.0667)、黄色:0(0)、黒色:12(0.1176)
シアン色:56(0.5569)、マゼンタ色:18(0.1765)、黄色:12(0.1176)
Y:182.707、I:-62.6034、Q:-15.8442
Y:182.707、U:20.8137、V:-61.1551
Y:182.707、Db:63.645、Dr:132.556
Y:172.931、Cb:148.941、Cr:84.352
Y:190.419、Pb:18.655、Pr:-49.19
10BG 8/6近似、完全一致:Munsell 10BG 8/6 / #7ed7e6
#71d2e1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#71d2e1
黒まで#71d2e1
白まで#71d2e1
前景
<p style="color: #71d2e1; background-color: #000">#71d2e1前景</p>
#71d2e1
背景
<p style="background-color: #71d2e1">#71d2e1背景</p>
#71d2e1
境界
<p style="border: #71d2e1 3px solid">#71d2e1境界</p>
#71d2e1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #71d2e1, #fff); background: -webkit-radial-gradient(50% 50%, #71d2e1, #fff); background: -o-radial-gradient(50% 50%, #71d2e1, #fff); background: -ms-radial-gradient(50% 50%, #71d2e1, #fff); background: radial-gradient(50% 50%, #71d2e1, #fff)">#71d2e1放射状グラデーション</p>
#71d2e1
を補足するための#e18070
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #71d2e1, #e18070); background: -webkit-linear-gradient(top, #71d2e1, #e18070); background: -o-linear-gradient(top, #71d2e1, #e18070); background: -ms-linear-gradient(top, #71d2e1, #e18070); background: linear-gradient(top, #71d2e1, #e18070); color: #000">
#71d2e1
を補足するための#e18070
線上グラデーション</p>
#71d2e1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #71d2e1">#71d2e1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#71d2e1
に関連している順番で並べらられている。関連は、十六進法の色#71d2e1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: