#af2bb6
RGB
| 赤 | 175 |
|---|---|
| 緑 | 43 |
| 青 | 182 |
HSL
| 色相 | 297° |
|---|---|
| 彩度 | 62% |
| 明度 | 44% |
| 輝度 | 39% |
３桁の色
補色
反転色
RGB ( 赤 = 175, 緑 = 43, 青 = 182 )
HSL ( 色相 = 297°, 彩度 = 62%, 明度 = 44% )
H : 色相 ( 297° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #b63b2b : -290
17 : #b6522b : -280
27 : #b6692b : -270
37 : #b6802b : -260
47 : #b6982b : -250
57 : #b6af2b : -240
67 : #a6b62b : -230
77 : #8eb62b : -220
87 : #77b62b : -210
97 : #60b62b : -200
107 : #49b62b : -190
117 : #32b62b : -180
127 : #2bb63b : -170
137 : #2bb652 : -160
147 : #2bb669 : -150
157 : #2bb680 : -140
167 : #2bb698 : -130
177 : #2bb6af : -120
187 : #2ba6b6 : -110
197 : #2b8eb6 : -100
207 : #2b77b6 : -90
217 : #2b60b6 : -80
227 : #2b49b6 : -70
237 : #2b32b6 : -60
247 : #3b2bb6 : -50
257 : #522bb6 : -40
267 : #692bb6 : -30
277 : #802bb6 : -20
287 : #982bb6 : -10
297 : #af2bb6 : ±0
307 : #b62ba6 : +10
317 : #b62b8e : +20
327 : #b62b77 : +30
337 : #b62b60 : +40
347 : #b62b49 : +50
357 : #b62b32 : +60
287 : #982bb6 : -10
288 : #9a2bb6 : -9
289 : #9c2bb6 : -8
290 : #9f2bb6 : -7
291 : #a12bb6 : -6
292 : #a32bb6 : -5
293 : #a62bb6 : -4
294 : #a82bb6 : -3
295 : #aa2bb6 : -2
296 : #ac2bb6 : -1
297 : #af2bb6 : ±0
298 : #b12bb6 : +1
299 : #b32bb6 : +2
300 : #b62bb6 : +3
301 : #b62bb3 : +4
302 : #b62bb1 : +5
303 : #b62baf : +6
304 : #b62bac : +7
305 : #b62baa : +8
306 : #b62ba8 : +9
307 : #b62ba6 : +10
S : 彩度 ( 62% )
(0%) 渋い ～ 鮮やか (100%)
0 : #707070 : -62
2 : #726e72 : -60
4 : #746c75 : -58
6 : #766977 : -56
8 : #786779 : -54
10 : #7a657b : -52
12 : #7c637e : -50
14 : #7e6080 : -48
16 : #805e82 : -46
18 : #825c84 : -44
20 : #845a87 : -42
22 : #865889 : -40
24 : #88558b : -38
26 : #8a538d : -36
28 : #8c5190 : -34
30 : #8e4f92 : -32
32 : #914c94 : -30
34 : #934a96 : -28
36 : #954899 : -26
38 : #97469b : -24
40 : #99439d : -22
42 : #9b419f : -20
44 : #9d3fa2 : -18
46 : #9f3da4 : -16
48 : #a13aa6 : -14
50 : #a338a8 : -12
52 : #a536ab : -10
54 : #a734ad : -8
56 : #a931af : -6
58 : #ab2fb1 : -4
60 : #ad2db4 : -2
62 : #af2bb6 : ±0
64 : #b128b8 : +2
66 : #b326ba : +4
68 : #b524bc : +6
70 : #b722bf : +8
72 : #b91fc1 : +10
74 : #bb1dc3 : +12
76 : #bd1bc5 : +14
78 : #bf19c8 : +16
80 : #c116ca : +18
82 : #c314cc : +20
84 : #c512ce : +22
86 : #c710d1 : +24
88 : #c90dd3 : +26
90 : #cb0bd5 : +28
92 : #cd09d7 : +30
94 : #cf07da : +32
96 : #d104dc : +34
98 : #d302de : +36
100 : #d500e0 : +38
L : 明度 ( 44% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -44
2 : #080208 : -42
4 : #100411 : -40
6 : #180619 : -38
8 : #200821 : -36
10 : #280a29 : -34
12 : #300c32 : -32
14 : #380e3a : -30
16 : #401042 : -28
18 : #48114a : -26
20 : #4f1353 : -24
22 : #57155b : -22
24 : #5f1763 : -20
26 : #67196b : -18
28 : #6f1b74 : -16
30 : #771d7c : -14
32 : #7f1f84 : -12
34 : #87218c : -10
36 : #8f2395 : -8
38 : #97259d : -6
40 : #9f27a5 : -4
42 : #a729ae : -2
44 : #af2bb6 : ±0
46 : #b72dbe : +2
48 : #bf2fc6 : +4
50 : #c730cf : +6
52 : #c939d0 : +8
54 : #cb41d2 : +10
56 : #cd49d4 : +12
58 : #d051d6 : +14
60 : #d25ad8 : +16
62 : #d462da : +18
64 : #d66adc : +20
66 : #d973de : +22
68 : #db7be0 : +24
70 : #dd83e2 : +26
72 : #df8be4 : +28
74 : #e294e6 : +30
76 : #e49ce8 : +32
78 : #e6a4ea : +34
80 : #e8acec : +36
82 : #ebb5ee : +38
84 : #edbdef : +40
86 : #efc5f1 : +42
88 : #f1cdf3 : +44
90 : #f4d6f5 : +46
92 : #f6def7 : +48
94 : #f8e6f9 : +50
96 : #faeefb : +52
98 : #fdf7fd : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow