#c1bdd1
RGB
赤 | 193 |
---|---|
緑 | 189 |
青 | 209 |
HSL
色相 | 252° |
---|---|
彩度 | 18% |
明度 | 78% |
輝度 | 75% |
3桁の色
補色
反転色
RGB ( 赤 = 193, 緑 = 189, 青 = 209 )
HSL ( 色相 = 252°, 彩度 = 18%, 明度 = 78% )
H : 色相 ( 252° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d1bdbd : -250
12 : #d1c1bd : -240
22 : #d1c4bd : -230
32 : #d1c8bd : -220
42 : #d1cbbd : -210
52 : #d1cebd : -200
62 : #d0d1bd : -190
72 : #cdd1bd : -180
82 : #cad1bd : -170
92 : #c6d1bd : -160
102 : #c3d1bd : -150
112 : #bfd1bd : -140
122 : #bdd1bd : -130
132 : #bdd1c1 : -120
142 : #bdd1c4 : -110
152 : #bdd1c8 : -100
162 : #bdd1cb : -90
172 : #bdd1ce : -80
182 : #bdd0d1 : -70
192 : #bdcdd1 : -60
202 : #bdcad1 : -50
212 : #bdc6d1 : -40
222 : #bdc3d1 : -30
232 : #bdbfd1 : -20
242 : #bdbdd1 : -10
252 : #c1bdd1 : ±0
262 : #c4bdd1 : +10
272 : #c8bdd1 : +20
282 : #cbbdd1 : +30
292 : #cebdd1 : +40
302 : #d1bdd0 : +50
312 : #d1bdcd : +60
322 : #d1bdca : +70
332 : #d1bdc6 : +80
342 : #d1bdc3 : +90
352 : #d1bdbf : +100
242 : #bdbdd1 : -10
243 : #bebdd1 : -9
244 : #bebdd1 : -8
245 : #bebdd1 : -7
246 : #bfbdd1 : -6
247 : #bfbdd1 : -5
248 : #bfbdd1 : -4
249 : #c0bdd1 : -3
250 : #c0bdd1 : -2
251 : #c1bdd1 : -1
252 : #c1bdd1 : ±0
253 : #c1bdd1 : +1
254 : #c2bdd1 : +2
255 : #c2bdd1 : +3
256 : #c2bdd1 : +4
257 : #c3bdd1 : +5
258 : #c3bdd1 : +6
259 : #c3bdd1 : +7
260 : #c4bdd1 : +8
261 : #c4bdd1 : +9
262 : #c4bdd1 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c6c6c6 : -18
2 : #c6c6c8 : -16
4 : #c6c5c9 : -14
6 : #c5c4ca : -12
8 : #c4c2cb : -10
10 : #c4c1cd : -8
12 : #c3c0ce : -6
14 : #c2bfcf : -4
16 : #c2bed0 : -2
18 : #c1bdd1 : ±0
20 : #c0bcd2 : +2
22 : #bfbbd3 : +4
24 : #bfb9d4 : +6
26 : #beb8d5 : +8
28 : #bdb7d7 : +10
30 : #bdb6d8 : +12
32 : #bcb5d9 : +14
34 : #bbb4da : +16
36 : #bbb3db : +18
38 : #bab2dc : +20
40 : #b9b0dd : +22
42 : #b9afde : +24
44 : #b8aee0 : +26
46 : #b7ade1 : +28
48 : #b7ace2 : +30
50 : #b6abe3 : +32
52 : #b5aae4 : +34
54 : #b5a9e5 : +36
56 : #b4a7e6 : +38
58 : #b3a6e7 : +40
60 : #b3a5e9 : +42
62 : #b2a4ea : +44
64 : #b1a3eb : +46
66 : #b1a2ec : +48
68 : #b0a1ed : +50
70 : #afa0ee : +52
72 : #af9fef : +54
74 : #ae9df0 : +56
76 : #ad9cf2 : +58
78 : #ad9bf3 : +60
80 : #ac9af4 : +62
82 : #ab99f5 : +64
84 : #ab98f6 : +66
86 : #aa97f7 : +68
88 : #a996f8 : +70
90 : #a994f9 : +72
92 : #a893fb : +74
94 : #a792fc : +76
96 : #a791fd : +78
98 : #a690fe : +80
100 : #a58fff : +82
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #050406 : -76
4 : #09080c : -74
6 : #0e0d12 : -72
8 : #121118 : -70
10 : #17151e : -68
12 : #1b1924 : -66
14 : #201d2a : -64
16 : #242130 : -62
18 : #292636 : -60
20 : #2d2a3c : -58
22 : #322e42 : -56
24 : #373248 : -54
26 : #3b364e : -52
28 : #403b54 : -50
30 : #443f5a : -48
32 : #494360 : -46
34 : #4d4766 : -44
36 : #524b6c : -42
38 : #564f72 : -40
40 : #5b5478 : -38
42 : #60587e : -36
44 : #645c84 : -34
46 : #69608a : -32
48 : #6d6490 : -30
50 : #726996 : -28
52 : #776f9b : -26
54 : #7d759f : -24
56 : #837ba3 : -22
58 : #8881a7 : -20
60 : #8e87ab : -18
62 : #948db0 : -16
64 : #9993b4 : -14
66 : #9f99b8 : -12
68 : #a59fbc : -10
70 : #aaa5c0 : -8
72 : #b0abc4 : -6
74 : #b6b1c9 : -4
76 : #bbb7cd : -2
78 : #c1bdd1 : ±0
80 : #c6c3d5 : +2
82 : #ccc9d9 : +4
84 : #d2cfde : +6
86 : #d7d5e2 : +8
88 : #dddbe6 : +10
90 : #e3e1ea : +12
92 : #e8e7ee : +14
94 : #eeedf2 : +16
96 : #f4f3f7 : +18
98 : #f9f9fb : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow