#514c3d
RGB
| 赤 | 81 |
|---|---|
| 緑 | 76 |
| 青 | 61 |
HSL
| 色相 | 45° |
|---|---|
| 彩度 | 14% |
| 明度 | 28% |
| 輝度 | 30% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 81, 緑 = 76, 青 = 61 )
HSL ( 色相 = 45°, 彩度 = 14%, 明度 = 28% )
H : 色相 ( 45° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #513f3d : -40
15 : #51423d : -30
25 : #51463d : -20
35 : #51493d : -10
45 : #514c3d : ±0
55 : #51503d : +10
65 : #50513d : +20
75 : #4c513d : +30
85 : #49513d : +40
95 : #46513d : +50
105 : #42513d : +60
115 : #3f513d : +70
125 : #3d513f : +80
135 : #3d5142 : +90
145 : #3d5146 : +100
155 : #3d5149 : +110
165 : #3d514c : +120
175 : #3d5150 : +130
185 : #3d5051 : +140
195 : #3d4c51 : +150
205 : #3d4951 : +160
215 : #3d4651 : +170
225 : #3d4251 : +180
235 : #3d3f51 : +190
245 : #3f3d51 : +200
255 : #423d51 : +210
265 : #463d51 : +220
275 : #493d51 : +230
285 : #4c3d51 : +240
295 : #503d51 : +250
305 : #513d50 : +260
315 : #513d4c : +270
325 : #513d49 : +280
335 : #513d46 : +290
345 : #513d42 : +300
355 : #513d3f : +310
35 : #51493d : -10
36 : #51493d : -9
37 : #514a3d : -8
38 : #514a3d : -7
39 : #514a3d : -6
40 : #514b3d : -5
41 : #514b3d : -4
42 : #514b3d : -3
43 : #514c3d : -2
44 : #514c3d : -1
45 : #514c3d : ±0
46 : #514d3d : +1
47 : #514d3d : +2
48 : #514d3d : +3
49 : #514e3d : +4
50 : #514e3d : +5
51 : #514e3d : +6
52 : #514f3d : +7
53 : #514f3d : +8
54 : #514f3d : +9
55 : #51503d : +10
S : 彩度 ( 14% )
(0%) 渋い ～ 鮮やか (100%)
0 : #474747 : -14
2 : #494846 : -12
4 : #4a4945 : -10
6 : #4c4a43 : -8
8 : #4d4a42 : -6
10 : #4f4b40 : -4
12 : #504c3f : -2
14 : #514c3d : ±0
16 : #534d3c : +2
18 : #544e3b : +4
20 : #564f39 : +6
22 : #574f38 : +8
24 : #595036 : +10
26 : #5a5135 : +12
28 : #5b5133 : +14
30 : #5d5232 : +16
32 : #5e5331 : +18
34 : #60542f : +20
36 : #61542e : +22
38 : #63552c : +24
40 : #64562b : +26
42 : #655629 : +28
44 : #675728 : +30
46 : #685827 : +32
48 : #6a5925 : +34
50 : #6b5924 : +36
52 : #6d5a22 : +38
54 : #6e5b21 : +40
56 : #6f5b1f : +42
58 : #715c1e : +44
60 : #725d1d : +46
62 : #745e1b : +48
64 : #755e1a : +50
66 : #775f18 : +52
68 : #786017 : +54
70 : #796015 : +56
72 : #7b6114 : +58
74 : #7c6213 : +60
76 : #7e6311 : +62
78 : #7f6310 : +64
80 : #81640e : +66
82 : #82650d : +68
84 : #83650b : +70
86 : #85660a : +72
88 : #866709 : +74
90 : #886807 : +76
92 : #896806 : +78
94 : #8b6904 : +80
96 : #8c6a03 : +82
98 : #8d6a01 : +84
100 : #8f6b00 : +86
L : 明度 ( 28% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -28
2 : #060504 : -26
4 : #0c0b09 : -24
6 : #11100d : -22
8 : #171612 : -20
10 : #1d1b16 : -18
12 : #23211a : -16
14 : #29261f : -14
16 : #2f2c23 : -12
18 : #343127 : -10
20 : #3a372c : -8
22 : #403c30 : -6
24 : #464135 : -4
26 : #4c4739 : -2
28 : #514c3d : ±0
30 : #575242 : +2
32 : #5d5746 : +4
34 : #635d4b : +6
36 : #69624f : +8
38 : #6e6853 : +10
40 : #746d58 : +12
42 : #7a735c : +14
44 : #807860 : +16
46 : #867e65 : +18
48 : #8c8369 : +20
50 : #91886e : +22
52 : #968d73 : +24
54 : #9a9279 : +26
56 : #9f977f : +28
58 : #a39b85 : +30
60 : #a7a08b : +32
62 : #aca591 : +34
64 : #b0aa96 : +36
66 : #b4ae9c : +38
68 : #b9b3a2 : +40
70 : #bdb8a8 : +42
72 : #c2bdae : +44
74 : #c6c1b3 : +46
76 : #cac6b9 : +48
78 : #cfcbbf : +50
80 : #d3d0c5 : +52
82 : #d8d4cb : +54
84 : #dcd9d0 : +56
86 : #e0ded6 : +58
88 : #e5e3dc : +60
90 : #e9e7e2 : +62
92 : #edece8 : +64
94 : #f2f1ee : +66
96 : #f6f6f3 : +68
98 : #fbfaf9 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow