#afa283
RGB
| 赤 | 175 |
|---|---|
| 緑 | 162 |
| 青 | 131 |
HSL
| 色相 | 42° |
|---|---|
| 彩度 | 22% |
| 明度 | 60% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 175, 緑 = 162, 青 = 131 )
HSL ( 色相 = 42°, 彩度 = 22%, 明度 = 60% )
H : 色相 ( 42° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #af8483 : -40
12 : #af8c83 : -30
22 : #af9383 : -20
32 : #af9a83 : -10
42 : #afa283 : ±0
52 : #afa983 : +10
62 : #aeaf83 : +20
72 : #a6af83 : +30
82 : #9faf83 : +40
92 : #98af83 : +50
102 : #90af83 : +60
112 : #89af83 : +70
122 : #83af84 : +80
132 : #83af8c : +90
142 : #83af93 : +100
152 : #83af9a : +110
162 : #83afa2 : +120
172 : #83afa9 : +130
182 : #83aeaf : +140
192 : #83a6af : +150
202 : #839faf : +160
212 : #8398af : +170
222 : #8390af : +180
232 : #8389af : +190
242 : #8483af : +200
252 : #8c83af : +210
262 : #9383af : +220
272 : #9a83af : +230
282 : #a283af : +240
292 : #a983af : +250
302 : #af83ae : +260
312 : #af83a6 : +270
322 : #af839f : +280
332 : #af8398 : +290
342 : #af8390 : +300
352 : #af8389 : +310
32 : #af9a83 : -10
33 : #af9b83 : -9
34 : #af9c83 : -8
35 : #af9d83 : -7
36 : #af9d83 : -6
37 : #af9e83 : -5
38 : #af9f83 : -4
39 : #afa083 : -3
40 : #afa083 : -2
41 : #afa183 : -1
42 : #afa283 : ±0
43 : #afa383 : +1
44 : #afa383 : +2
45 : #afa483 : +3
46 : #afa583 : +4
47 : #afa683 : +5
48 : #afa683 : +6
49 : #afa783 : +7
50 : #afa883 : +8
51 : #afa983 : +9
52 : #afa983 : +10
S : 彩度 ( 22% )
(0%) 渋い ～ 鮮やか (100%)
0 : #999999 : -22
2 : #9b9a97 : -20
4 : #9d9b95 : -18
6 : #9f9b93 : -16
8 : #a19c91 : -14
10 : #a39d8f : -12
12 : #a59e8d : -10
14 : #a79f8b : -8
16 : #a9a089 : -6
18 : #aba087 : -4
20 : #ada185 : -2
22 : #afa283 : ±0
24 : #b1a381 : +2
26 : #b4a47e : +4
28 : #b6a47c : +6
30 : #b8a57a : +8
32 : #baa678 : +10
34 : #bca776 : +12
36 : #bea874 : +14
38 : #c0a972 : +16
40 : #c2a970 : +18
42 : #c4aa6e : +20
44 : #c6ab6c : +22
46 : #c8ac6a : +24
48 : #caad68 : +26
50 : #ccad66 : +28
52 : #ceae64 : +30
54 : #d0af62 : +32
56 : #d2b060 : +34
58 : #d4b15e : +36
60 : #d6b15c : +38
62 : #d8b25a : +40
64 : #dab358 : +42
66 : #dcb456 : +44
68 : #deb554 : +46
70 : #e0b652 : +48
72 : #e2b650 : +50
74 : #e4b74e : +52
76 : #e7b84b : +54
78 : #e9b949 : +56
80 : #ebba47 : +58
82 : #edba45 : +60
84 : #efbb43 : +62
86 : #f1bc41 : +64
88 : #f3bd3f : +66
90 : #f5be3d : +68
92 : #f7bf3b : +70
94 : #f9bf39 : +72
96 : #fbc037 : +74
98 : #fdc135 : +76
100 : #ffc233 : +78
L : 明度 ( 60% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -60
2 : #060604 : -58
4 : #0c0b08 : -56
6 : #13110c : -54
8 : #191610 : -52
10 : #1f1c14 : -50
12 : #252118 : -48
14 : #2c271c : -46
16 : #322c20 : -44
18 : #383224 : -42
20 : #3e3728 : -40
22 : #443d2c : -38
24 : #4b4330 : -36
26 : #514834 : -34
28 : #574e38 : -32
30 : #5d533c : -30
32 : #645940 : -28
34 : #6a5e44 : -26
36 : #706448 : -24
38 : #76694c : -22
40 : #7c6f50 : -20
42 : #837554 : -18
44 : #897a58 : -16
46 : #8f805b : -14
48 : #95855f : -12
50 : #9c8b63 : -10
52 : #a08f6a : -8
54 : #a49470 : -6
56 : #a79976 : -4
58 : #ab9d7c : -2
60 : #afa283 : ±0
62 : #b3a789 : +2
64 : #b7ab8f : +4
66 : #bbb095 : +6
68 : #bfb59b : +8
70 : #c3b9a2 : +10
72 : #c7bea8 : +12
74 : #cbc3ae : +14
76 : #cfc7b4 : +16
78 : #d3ccbb : +18
80 : #d7d0c1 : +20
82 : #dbd5c7 : +22
84 : #dfdacd : +24
86 : #e3ded3 : +26
88 : #e7e3da : +28
90 : #ebe8e0 : +30
92 : #efece6 : +32
94 : #f3f1ec : +34
96 : #f7f6f3 : +36
98 : #fbfaf9 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow