#af077f
RGB
赤 | 175 |
---|---|
緑 | 7 |
青 | 127 |
HSL
色相 | 317° |
---|---|
彩度 | 92% |
明度 | 36% |
輝度 | 28% |
3桁の色
補色
反転色
RGB ( 赤 = 175, 緑 = 7, 青 = 127 )
HSL ( 色相 = 317°, 彩度 = 92%, 明度 = 36% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #b01b07 : -310
17 : #b03707 : -300
27 : #b05307 : -290
37 : #b07007 : -280
47 : #b08c07 : -270
57 : #b0a807 : -260
67 : #9db007 : -250
77 : #80b007 : -240
87 : #64b007 : -230
97 : #48b007 : -220
107 : #2cb007 : -210
117 : #10b007 : -200
127 : #07b01b : -190
137 : #07b037 : -180
147 : #07b053 : -170
157 : #07b070 : -160
167 : #07b08c : -150
177 : #07b0a8 : -140
187 : #079db0 : -130
197 : #0780b0 : -120
207 : #0764b0 : -110
217 : #0748b0 : -100
227 : #072cb0 : -90
237 : #0710b0 : -80
247 : #1b07b0 : -70
257 : #3707b0 : -60
267 : #5307b0 : -50
277 : #7007b0 : -40
287 : #8c07b0 : -30
297 : #a807b0 : -20
307 : #b0079d : -10
317 : #b00780 : ±0
327 : #b00764 : +10
337 : #b00748 : +20
347 : #b0072c : +30
357 : #b00710 : +40
307 : #b0079d : -10
308 : #b0079a : -9
309 : #b00797 : -8
310 : #b00794 : -7
311 : #b00791 : -6
312 : #b0078e : -5
313 : #b0078c : -4
314 : #b00789 : -3
315 : #b00786 : -2
316 : #b00783 : -1
317 : #b00780 : ±0
318 : #b0077e : +1
319 : #b0077b : +2
320 : #b00778 : +3
321 : #b00775 : +4
322 : #b00772 : +5
323 : #b00770 : +6
324 : #b0076d : +7
325 : #b0076a : +8
326 : #b00767 : +9
327 : #b00764 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -92
2 : #5e5a5d : -90
4 : #5f585d : -88
6 : #61565e : -86
8 : #63545f : -84
10 : #655360 : -82
12 : #675161 : -80
14 : #694f61 : -78
16 : #6a4d62 : -76
18 : #6c4b63 : -74
20 : #6e4964 : -72
22 : #704865 : -70
24 : #724665 : -68
26 : #744466 : -66
28 : #764267 : -64
30 : #774068 : -62
32 : #793e69 : -60
34 : #7b3d69 : -58
36 : #7d3b6a : -56
38 : #7f396b : -54
40 : #81376c : -52
42 : #82356d : -50
44 : #84336d : -48
46 : #86326e : -46
48 : #88306f : -44
50 : #8a2e70 : -42
52 : #8c2c70 : -40
54 : #8d2a71 : -38
56 : #8f2872 : -36
58 : #912773 : -34
60 : #932574 : -32
62 : #952374 : -30
64 : #972175 : -28
66 : #981f76 : -26
68 : #9a1d77 : -24
70 : #9c1c78 : -22
72 : #9e1a78 : -20
74 : #a01879 : -18
76 : #a2167a : -16
78 : #a3147b : -14
80 : #a5127c : -12
82 : #a7117c : -10
84 : #a90f7d : -8
86 : #ab0d7e : -6
88 : #ad0b7f : -4
90 : #ae0980 : -2
92 : #b00780 : ±0
94 : #b20681 : +2
96 : #b40482 : +4
98 : #b60283 : +6
100 : #b80084 : +8
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #0a0007 : -34
4 : #14010e : -32
6 : #1d0115 : -30
8 : #27021d : -28
10 : #310224 : -26
12 : #3b022b : -24
14 : #450332 : -22
16 : #4e0339 : -20
18 : #580440 : -18
20 : #620447 : -16
22 : #6c044e : -14
24 : #760556 : -12
26 : #7f055d : -10
28 : #890664 : -8
30 : #93066b : -6
32 : #9d0772 : -4
34 : #a60779 : -2
36 : #b00780 : ±0
38 : #ba0888 : +2
40 : #c4088f : +4
42 : #ce0996 : +6
44 : #d7099d : +8
46 : #e109a4 : +10
48 : #eb0aab : +12
50 : #f50ab2 : +14
52 : #f514b5 : +16
54 : #f61eb8 : +18
56 : #f628bc : +20
58 : #f631bf : +22
60 : #f73bc2 : +24
62 : #f745c5 : +26
64 : #f84fc8 : +28
66 : #f859cb : +30
68 : #f862ce : +32
70 : #f96cd1 : +34
72 : #f976d4 : +36
74 : #fa80d7 : +38
76 : #fa89da : +40
78 : #fb93dd : +42
80 : #fb9de0 : +44
82 : #fba7e3 : +46
84 : #fcb1e6 : +48
86 : #fcbaea : +50
88 : #fdc4ed : +52
90 : #fdcef0 : +54
92 : #fdd8f3 : +56
94 : #fee2f6 : +58
96 : #feebf9 : +60
98 : #fff5fc : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow