#bfc1ca
RGB
| 赤 | 191 |
|---|---|
| 緑 | 193 |
| 青 | 202 |
HSL
| 色相 | 229° |
|---|---|
| 彩度 | 9% |
| 明度 | 77% |
| 輝度 | 76% |
３桁の色
補色
反転色
RGB ( 赤 = 191, 緑 = 193, 青 = 202 )
HSL ( 色相 = 229°, 彩度 = 9%, 明度 = 77% )
H : 色相 ( 229° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #cac1bf : -220
19 : #cac2bf : -210
29 : #cac4bf : -200
39 : #cac6bf : -190
49 : #cac8bf : -180
59 : #cac9bf : -170
69 : #c8cabf : -160
79 : #c6cabf : -150
89 : #c5cabf : -140
99 : #c3cabf : -130
109 : #c1cabf : -120
119 : #bfcabf : -110
129 : #bfcac1 : -100
139 : #bfcac2 : -90
149 : #bfcac4 : -80
159 : #bfcac6 : -70
169 : #bfcac8 : -60
179 : #bfcac9 : -50
189 : #bfc8ca : -40
199 : #bfc6ca : -30
209 : #bfc5ca : -20
219 : #bfc3ca : -10
229 : #bfc1ca : ±0
239 : #bfbfca : +10
249 : #c1bfca : +20
259 : #c2bfca : +30
269 : #c4bfca : +40
279 : #c6bfca : +50
289 : #c8bfca : +60
299 : #c9bfca : +70
309 : #cabfc8 : +80
319 : #cabfc6 : +90
329 : #cabfc5 : +100
339 : #cabfc3 : +110
349 : #cabfc1 : +120
359 : #cabfbf : +130
219 : #bfc3ca : -10
220 : #bfc3ca : -9
221 : #bfc2ca : -8
222 : #bfc2ca : -7
223 : #bfc2ca : -6
224 : #bfc2ca : -5
225 : #bfc2ca : -4
226 : #bfc2ca : -3
227 : #bfc1ca : -2
228 : #bfc1ca : -1
229 : #bfc1ca : ±0
230 : #bfc1ca : +1
231 : #bfc1ca : +2
232 : #bfc0ca : +3
233 : #bfc0ca : +4
234 : #bfc0ca : +5
235 : #bfc0ca : +6
236 : #bfc0ca : +7
237 : #bfc0ca : +8
238 : #bfbfca : +9
239 : #bfbfca : +10
S : 彩度 ( 9% )
(0%) 渋い ～ 鮮やか (100%)
1 : #c4c4c5 : -8
3 : #c3c3c6 : -6
5 : #c1c2c7 : -4
7 : #c0c2c8 : -2
9 : #bfc1ca : ±0
11 : #bec0cb : +2
13 : #bdc0cc : +4
15 : #bcbfcd : +6
17 : #babece : +8
19 : #b9bdcf : +10
21 : #b8bdd1 : +12
23 : #b7bcd2 : +14
25 : #b6bbd3 : +16
27 : #b5bad4 : +18
29 : #b3bad5 : +20
31 : #b2b9d7 : +22
33 : #b1b8d8 : +24
35 : #b0b7d9 : +26
37 : #afb7da : +28
39 : #adb6db : +30
41 : #acb5dc : +32
43 : #abb4de : +34
45 : #aab4df : +36
47 : #a9b3e0 : +38
49 : #a8b2e1 : +40
51 : #a6b1e2 : +42
53 : #a5b1e3 : +44
55 : #a4b0e5 : +46
57 : #a3afe6 : +48
59 : #a2aee7 : +50
61 : #a1aee8 : +52
63 : #9fade9 : +54
65 : #9eacea : +56
67 : #9dabec : +58
69 : #9cabed : +60
71 : #9baaee : +62
73 : #9aa9ef : +64
75 : #98a8f0 : +66
77 : #97a8f2 : +68
79 : #96a7f3 : +70
81 : #95a6f4 : +72
83 : #94a6f5 : +74
85 : #92a5f6 : +76
87 : #91a4f7 : +78
89 : #90a3f9 : +80
91 : #8fa3fa : +82
93 : #8ea2fb : +84
95 : #8da1fc : +86
97 : #8ba0fd : +88
99 : #8aa0fe : +90
L : 明度 ( 77% )
(0%) 暗い ～ 明るい (100%)
1 : #020203 : -76
3 : #070708 : -74
5 : #0c0c0e : -72
7 : #101113 : -70
9 : #151619 : -68
11 : #1a1a1f : -66
13 : #1e1f24 : -64
15 : #23242a : -62
17 : #27292f : -60
19 : #2c2e35 : -58
21 : #31323a : -56
23 : #353740 : -54
25 : #3a3c45 : -52
27 : #3f414b : -50
29 : #434651 : -48
31 : #484b56 : -46
33 : #4d4f5c : -44
35 : #515461 : -42
37 : #565967 : -40
39 : #5a5e6c : -38
41 : #5f6372 : -36
43 : #646778 : -34
45 : #686c7d : -32
47 : #6d7183 : -30
49 : #727688 : -28
51 : #777b8d : -26
53 : #7c8092 : -24
55 : #828697 : -22
57 : #878b9b : -20
59 : #8d90a0 : -18
61 : #9396a5 : -16
63 : #989ba9 : -14
65 : #9ea1ae : -12
67 : #a3a6b2 : -10
69 : #a9abb7 : -8
71 : #aeb1bc : -6
73 : #b4b6c0 : -4
75 : #babcc5 : -2
77 : #bfc1ca : ±0
79 : #c5c6ce : +2
81 : #caccd3 : +4
83 : #d0d1d8 : +6
85 : #d5d7dc : +8
87 : #dbdce1 : +10
89 : #e0e1e5 : +12
91 : #e6e7ea : +14
93 : #ececef : +16
95 : #f1f2f3 : +18
97 : #f7f7f8 : +20
99 : #fcfcfd : +22
CSS入門、作ってます。
text-shadow