#a4a284
RGB
| 赤 | 164 |
|---|---|
| 緑 | 162 |
| 青 | 132 |
HSL
| 色相 | 56° |
|---|---|
| 彩度 | 15% |
| 明度 | 58% |
| 輝度 | 62% |
３桁の色
補色
反転色
RGB ( 赤 = 164, 緑 = 162, 青 = 132 )
HSL ( 色相 = 56°, 彩度 = 15%, 明度 = 58% )
H : 色相 ( 56° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #a48784 : -50
16 : #a48c84 : -40
26 : #a49284 : -30
36 : #a49784 : -20
46 : #a49c84 : -10
56 : #a4a284 : ±0
66 : #a1a484 : +10
76 : #9ba484 : +20
86 : #96a484 : +30
96 : #91a484 : +40
106 : #8ba484 : +50
116 : #86a484 : +60
126 : #84a487 : +70
136 : #84a48c : +80
146 : #84a492 : +90
156 : #84a497 : +100
166 : #84a49c : +110
176 : #84a4a2 : +120
186 : #84a1a4 : +130
196 : #849ba4 : +140
206 : #8496a4 : +150
216 : #8491a4 : +160
226 : #848ba4 : +170
236 : #8486a4 : +180
246 : #8784a4 : +190
256 : #8c84a4 : +200
266 : #9284a4 : +210
276 : #9784a4 : +220
286 : #9c84a4 : +230
296 : #a284a4 : +240
306 : #a484a1 : +250
316 : #a4849b : +260
326 : #a48496 : +270
336 : #a48491 : +280
346 : #a4848b : +290
356 : #a48486 : +300
46 : #a49c84 : -10
47 : #a49d84 : -9
48 : #a49e84 : -8
49 : #a49e84 : -7
50 : #a49f84 : -6
51 : #a49f84 : -5
52 : #a4a084 : -4
53 : #a4a084 : -3
54 : #a4a184 : -2
55 : #a4a184 : -1
56 : #a4a284 : ±0
57 : #a4a284 : +1
58 : #a4a384 : +2
59 : #a4a384 : +3
60 : #a4a484 : +4
61 : #a3a484 : +5
62 : #a3a484 : +6
63 : #a2a484 : +7
64 : #a2a484 : +8
65 : #a1a484 : +9
66 : #a1a484 : +10
S : 彩度 ( 15% )
(0%) 渋い ～ 鮮やか (100%)
1 : #959593 : -14
3 : #979791 : -12
5 : #99998f : -10
7 : #9b9a8c : -8
9 : #9e9c8a : -6
11 : #a09e88 : -4
13 : #a2a086 : -2
15 : #a4a284 : ±0
17 : #a6a482 : +2
19 : #a8a680 : +4
21 : #aaa77d : +6
23 : #ada97b : +8
25 : #afab79 : +10
27 : #b1ad77 : +12
29 : #b3af75 : +14
31 : #b5b173 : +16
33 : #b7b371 : +18
35 : #b9b46e : +20
37 : #bcb66c : +22
39 : #beb86a : +24
41 : #c0ba68 : +26
43 : #c2bc66 : +28
45 : #c4be64 : +30
47 : #c6c062 : +32
49 : #c8c15f : +34
51 : #cbc35d : +36
53 : #cdc55b : +38
55 : #cfc759 : +40
57 : #d1c957 : +42
59 : #d3cb55 : +44
61 : #d5cd53 : +46
63 : #d7ce50 : +48
65 : #dad04e : +50
67 : #dcd24c : +52
69 : #ded44a : +54
71 : #e0d648 : +56
73 : #e2d846 : +58
75 : #e4da44 : +60
77 : #e6db41 : +62
79 : #e9dd3f : +64
81 : #ebdf3d : +66
83 : #ede13b : +68
85 : #efe339 : +70
87 : #f1e537 : +72
89 : #f3e735 : +74
91 : #f5e832 : +76
93 : #f8ea30 : +78
95 : #faec2e : +80
97 : #fcee2c : +82
99 : #fef02a : +84
L : 明度 ( 58% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -58
2 : #060604 : -56
4 : #0c0c09 : -54
6 : #12110d : -52
8 : #171711 : -50
10 : #1d1d16 : -48
12 : #23231a : -46
14 : #29281e : -44
16 : #2f2e23 : -42
18 : #353427 : -40
20 : #3b3a2b : -38
22 : #413f30 : -36
24 : #464534 : -34
26 : #4c4b38 : -32
28 : #52513d : -30
30 : #585641 : -28
32 : #5e5c45 : -26
34 : #64624a : -24
36 : #6a684e : -22
38 : #6f6d52 : -20
40 : #757357 : -18
42 : #7b795b : -16
44 : #817f5f : -14
46 : #878564 : -12
48 : #8d8a68 : -10
50 : #93906c : -8
52 : #979572 : -6
54 : #9b9978 : -4
56 : #a09d7e : -2
58 : #a4a284 : ±0
60 : #a8a68a : +2
62 : #adab90 : +4
64 : #b1af95 : +6
66 : #b5b49b : +8
68 : #bab8a1 : +10
70 : #bebca7 : +12
72 : #c2c1ad : +14
74 : #c7c5b3 : +16
76 : #cbcab9 : +18
78 : #cfcebe : +20
80 : #d4d3c4 : +22
82 : #d8d7ca : +24
84 : #dcdcd0 : +26
86 : #e1e0d6 : +28
88 : #e5e4dc : +30
90 : #e9e9e2 : +32
92 : #eeede8 : +34
94 : #f2f2ed : +36
96 : #f6f6f3 : +38
98 : #fbfbf9 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow