#4e614c
RGB
赤 | 78 |
---|---|
緑 | 97 |
青 | 76 |
HSL
色相 | 114° |
---|---|
彩度 | 12% |
明度 | 34% |
輝度 | 35% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 78, 緑 = 97, 青 = 76 )
HSL ( 色相 = 114°, 彩度 = 12%, 明度 = 34% )
H : 色相 ( 114° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #614e4c : -110
14 : #61514c : -100
24 : #61554c : -90
34 : #61584c : -80
44 : #615c4c : -70
54 : #615f4c : -60
64 : #60614c : -50
74 : #5c614c : -40
84 : #59614c : -30
94 : #55614c : -20
104 : #52614c : -10
114 : #4e614c : ±0
124 : #4c614e : +10
134 : #4c6151 : +20
144 : #4c6155 : +30
154 : #4c6158 : +40
164 : #4c615c : +50
174 : #4c615f : +60
184 : #4c6061 : +70
194 : #4c5c61 : +80
204 : #4c5961 : +90
214 : #4c5561 : +100
224 : #4c5261 : +110
234 : #4c4e61 : +120
244 : #4e4c61 : +130
254 : #514c61 : +140
264 : #554c61 : +150
274 : #584c61 : +160
284 : #5c4c61 : +170
294 : #5f4c61 : +180
304 : #614c60 : +190
314 : #614c5c : +200
324 : #614c59 : +210
334 : #614c55 : +220
344 : #614c52 : +230
354 : #614c4e : +240
104 : #52614c : -10
105 : #51614c : -9
106 : #51614c : -8
107 : #51614c : -7
108 : #50614c : -6
109 : #50614c : -5
110 : #50614c : -4
111 : #4f614c : -3
112 : #4f614c : -2
113 : #4f614c : -1
114 : #4e614c : ±0
115 : #4e614c : +1
116 : #4e614c : +2
117 : #4d614c : +3
118 : #4d614c : +4
119 : #4d614c : +5
120 : #4c614c : +6
121 : #4c614d : +7
122 : #4c614d : +8
123 : #4c614d : +9
124 : #4c614e : +10
S : 彩度 ( 12% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -12
2 : #555855 : -10
4 : #545a53 : -8
6 : #535c51 : -6
8 : #515e50 : -4
10 : #505f4e : -2
12 : #4e614c : ±0
14 : #4d634b : +2
16 : #4c6549 : +4
18 : #4a6647 : +6
20 : #496845 : +8
22 : #476a44 : +10
24 : #466c42 : +12
26 : #456d40 : +14
28 : #436f3e : +16
30 : #42713d : +18
32 : #41723b : +20
34 : #3f7439 : +22
36 : #3e7637 : +24
38 : #3c7836 : +26
40 : #3b7934 : +28
42 : #3a7b32 : +30
44 : #387d31 : +32
46 : #377f2f : +34
48 : #35802d : +36
50 : #34822b : +38
52 : #33842a : +40
54 : #318628 : +42
56 : #308726 : +44
58 : #2e8924 : +46
60 : #2d8b23 : +48
62 : #2c8c21 : +50
64 : #2a8e1f : +52
66 : #29901d : +54
68 : #28921c : +56
70 : #26931a : +58
72 : #259518 : +60
74 : #239717 : +62
76 : #229915 : +64
78 : #219a13 : +66
80 : #1f9c11 : +68
82 : #1e9e10 : +70
84 : #1ca00e : +72
86 : #1ba10c : +74
88 : #1aa30a : +76
90 : #18a509 : +78
92 : #17a607 : +80
94 : #16a805 : +82
96 : #14aa03 : +84
98 : #13ac02 : +86
100 : #11ad00 : +88
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #050604 : -32
4 : #090b09 : -30
6 : #0e110d : -28
8 : #121712 : -26
10 : #171d16 : -24
12 : #1c221b : -22
14 : #20281f : -20
16 : #252e24 : -18
18 : #293328 : -16
20 : #2e392d : -14
22 : #333f31 : -12
24 : #374536 : -10
26 : #3c4a3a : -8
28 : #41503f : -6
30 : #455643 : -4
32 : #4a5b48 : -2
34 : #4e614c : ±0
36 : #536751 : +2
38 : #586d55 : +4
40 : #5c725a : +6
42 : #61785e : +8
44 : #657e63 : +10
46 : #6a8367 : +12
48 : #6f896c : +14
50 : #738f70 : +16
52 : #799376 : +18
54 : #7e987c : +20
56 : #849c81 : +22
58 : #8aa187 : +24
60 : #8fa58d : +26
62 : #95aa92 : +28
64 : #9aae98 : +30
66 : #a0b39e : +32
68 : #a6b7a4 : +34
70 : #abbca9 : +36
72 : #b1c0af : +38
74 : #b6c5b5 : +40
76 : #bcc9ba : +42
78 : #c2cec0 : +44
80 : #c7d2c6 : +46
82 : #cdd7cc : +48
84 : #d2dbd1 : +50
86 : #d8e0d7 : +52
88 : #dde4dd : +54
90 : #e3e9e2 : +56
92 : #e9ede8 : +58
94 : #eef2ee : +60
96 : #f4f6f4 : +62
98 : #f9fbf9 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow