#c7b2bc
RGB
赤 | 199 |
---|---|
緑 | 178 |
青 | 188 |
HSL
色相 | 331° |
---|---|
彩度 | 16% |
明度 | 74% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 199, 緑 = 178, 青 = 188 )
HSL ( 色相 = 331°, 彩度 = 16%, 明度 = 74% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #c7b2b2 : -330
11 : #c7b6b2 : -320
21 : #c7bab2 : -310
31 : #c7bdb2 : -300
41 : #c7c1b2 : -290
51 : #c7c4b2 : -280
61 : #c7c7b2 : -270
71 : #c3c7b2 : -260
81 : #c0c7b2 : -250
91 : #bcc7b2 : -240
101 : #b9c7b2 : -230
111 : #b5c7b2 : -220
121 : #b2c7b2 : -210
131 : #b2c7b6 : -200
141 : #b2c7ba : -190
151 : #b2c7bd : -180
161 : #b2c7c1 : -170
171 : #b2c7c4 : -160
181 : #b2c7c7 : -150
191 : #b2c3c7 : -140
201 : #b2c0c7 : -130
211 : #b2bcc7 : -120
221 : #b2b9c7 : -110
231 : #b2b5c7 : -100
241 : #b2b2c7 : -90
251 : #b6b2c7 : -80
261 : #bab2c7 : -70
271 : #bdb2c7 : -60
281 : #c1b2c7 : -50
291 : #c4b2c7 : -40
301 : #c7b2c7 : -30
311 : #c7b2c3 : -20
321 : #c7b2c0 : -10
331 : #c7b2bc : ±0
341 : #c7b2b9 : +10
351 : #c7b2b5 : +20
321 : #c7b2c0 : -10
322 : #c7b2c0 : -9
323 : #c7b2bf : -8
324 : #c7b2bf : -7
325 : #c7b2be : -6
326 : #c7b2be : -5
327 : #c7b2be : -4
328 : #c7b2bd : -3
329 : #c7b2bd : -2
330 : #c7b2bd : -1
331 : #c7b2bc : ±0
332 : #c7b2bc : +1
333 : #c7b2bc : +2
334 : #c7b2bb : +3
335 : #c7b2bb : +4
336 : #c7b2bb : +5
337 : #c7b2ba : +6
338 : #c7b2ba : +7
339 : #c7b2ba : +8
340 : #c7b2b9 : +9
341 : #c7b2b9 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bcbcbc : -16
2 : #bebbbd : -14
4 : #bfbabd : -12
6 : #c1b9bd : -10
8 : #c2b7bd : -8
10 : #c3b6bc : -6
12 : #c5b5bc : -4
14 : #c6b3bc : -2
16 : #c7b2bc : ±0
18 : #c9b1bc : +2
20 : #caafbc : +4
22 : #cbaebc : +6
24 : #cdadbc : +8
26 : #ceabbc : +10
28 : #cfaabc : +12
30 : #d1a9bc : +14
32 : #d2a7bc : +16
34 : #d3a6bc : +18
36 : #d5a5bc : +20
38 : #d6a4bc : +22
40 : #d7a2bc : +24
42 : #d9a1bc : +26
44 : #daa0bc : +28
46 : #db9ebc : +30
48 : #dd9dbc : +32
50 : #de9cbc : +34
52 : #df9abc : +36
54 : #e199bc : +38
56 : #e298bb : +40
58 : #e396bb : +42
60 : #e495bb : +44
62 : #e694bb : +46
64 : #e792bb : +48
66 : #e891bb : +50
68 : #ea90bb : +52
70 : #eb8ebb : +54
72 : #ec8dbb : +56
74 : #ee8cbb : +58
76 : #ef8abb : +60
78 : #f089bb : +62
80 : #f288bb : +64
82 : #f386bb : +66
84 : #f485bb : +68
86 : #f684bb : +70
88 : #f782bb : +72
90 : #f881bb : +74
92 : #fa80bb : +76
94 : #fb7ebb : +78
96 : #fc7dbb : +80
98 : #fe7cbb : +82
100 : #ff7aba : +84
L : 明度 ( 74% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -74
2 : #060405 : -72
4 : #0c090a : -70
6 : #120d0f : -68
8 : #181114 : -66
10 : #1e1519 : -64
12 : #231a1e : -62
14 : #291e24 : -60
16 : #2f2229 : -58
18 : #35272e : -56
20 : #3b2b33 : -54
22 : #412f38 : -52
24 : #47333d : -50
26 : #4d3842 : -48
28 : #533c47 : -46
30 : #59404c : -44
32 : #5f4551 : -42
34 : #654956 : -40
36 : #6a4d5b : -38
38 : #705160 : -36
40 : #765665 : -34
42 : #7c5a6b : -32
44 : #825e70 : -30
46 : #886375 : -28
48 : #8e677a : -26
50 : #946b7f : -24
52 : #987184 : -22
54 : #9c7789 : -20
56 : #a17d8e : -18
58 : #a58393 : -16
60 : #a98998 : -14
62 : #ae8f9e : -12
64 : #b295a3 : -10
66 : #b69aa8 : -8
68 : #baa0ad : -6
70 : #bfa6b2 : -4
72 : #c3acb7 : -2
74 : #c7b2bc : ±0
76 : #ccb8c1 : +2
78 : #d0bec7 : +4
80 : #d4c4cc : +6
82 : #d8cad1 : +8
84 : #ddd0d6 : +10
86 : #e1d6db : +12
88 : #e5dce0 : +14
90 : #eae1e5 : +16
92 : #eee7ea : +18
94 : #f2edf0 : +20
96 : #f6f3f5 : +22
98 : #fbf9fa : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow