#4e6e50
RGB
赤 | 78 |
---|---|
緑 | 110 |
青 | 80 |
HSL
色相 | 124° |
---|---|
彩度 | 17% |
明度 | 37% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 78, 緑 = 110, 青 = 80 )
HSL ( 色相 = 124°, 彩度 = 17%, 明度 = 37% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6e504e : -120
14 : #6e564e : -110
24 : #6e5b4e : -100
34 : #6e604e : -90
44 : #6e664e : -80
54 : #6e6b4e : -70
64 : #6c6e4e : -60
74 : #676e4e : -50
84 : #626e4e : -40
94 : #5c6e4e : -30
104 : #576e4e : -20
114 : #526e4e : -10
124 : #4e6e50 : ±0
134 : #4e6e56 : +10
144 : #4e6e5b : +20
154 : #4e6e60 : +30
164 : #4e6e66 : +40
174 : #4e6e6b : +50
184 : #4e6c6e : +60
194 : #4e676e : +70
204 : #4e626e : +80
214 : #4e5c6e : +90
224 : #4e576e : +100
234 : #4e526e : +110
244 : #504e6e : +120
254 : #564e6e : +130
264 : #5b4e6e : +140
274 : #604e6e : +150
284 : #664e6e : +160
294 : #6b4e6e : +170
304 : #6e4e6c : +180
314 : #6e4e67 : +190
324 : #6e4e62 : +200
334 : #6e4e5c : +210
344 : #6e4e57 : +220
354 : #6e4e52 : +230
114 : #526e4e : -10
115 : #516e4e : -9
116 : #506e4e : -8
117 : #506e4e : -7
118 : #4f6e4e : -6
119 : #4f6e4e : -5
120 : #4e6e4e : -4
121 : #4e6e4f : -3
122 : #4e6e4f : -2
123 : #4e6e50 : -1
124 : #4e6e50 : ±0
125 : #4e6e51 : +1
126 : #4e6e52 : +2
127 : #4e6e52 : +3
128 : #4e6e53 : +4
129 : #4e6e53 : +5
130 : #4e6e54 : +6
131 : #4e6e54 : +7
132 : #4e6e55 : +8
133 : #4e6e55 : +9
134 : #4e6e56 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5e : -16
3 : #5c615c : -14
5 : #5a635a : -12
7 : #586559 : -10
9 : #566757 : -8
11 : #546955 : -6
13 : #526b54 : -4
15 : #506d52 : -2
17 : #4e6e50 : ±0
19 : #4c704f : +2
21 : #4b724d : +4
23 : #49744c : +6
25 : #47764a : +8
27 : #457848 : +10
29 : #437a47 : +12
31 : #417c45 : +14
33 : #3f7d43 : +16
35 : #3d7f42 : +18
37 : #3b8140 : +20
39 : #3a833e : +22
41 : #38853d : +24
43 : #36873b : +26
45 : #34893a : +28
47 : #328b38 : +30
49 : #308d36 : +32
51 : #2e8e35 : +34
53 : #2c9033 : +36
55 : #2a9231 : +38
57 : #299430 : +40
59 : #27962e : +42
61 : #25982c : +44
63 : #239a2b : +46
65 : #219c29 : +48
67 : #1f9e28 : +50
69 : #1d9f26 : +52
71 : #1ba124 : +54
73 : #19a323 : +56
75 : #18a521 : +58
77 : #16a71f : +60
79 : #14a91e : +62
81 : #12ab1c : +64
83 : #10ad1a : +66
85 : #0eaf19 : +68
87 : #0cb017 : +70
89 : #0ab216 : +72
91 : #08b414 : +74
93 : #07b612 : +76
95 : #05b811 : +78
97 : #03ba0f : +80
99 : #01bc0d : +82
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -36
3 : #060907 : -34
5 : #0b0f0b : -32
7 : #0f150f : -30
9 : #131b14 : -28
11 : #172118 : -26
13 : #1c271c : -24
15 : #202d21 : -22
17 : #243325 : -20
19 : #283929 : -18
21 : #2c3f2e : -16
23 : #314532 : -14
25 : #354b36 : -12
27 : #39513b : -10
29 : #3d573f : -8
31 : #425c43 : -6
33 : #466248 : -4
35 : #4a684c : -2
37 : #4e6e50 : ±0
39 : #537455 : +2
41 : #577a59 : +4
43 : #5b805d : +6
45 : #5f8662 : +8
47 : #638c66 : +10
49 : #68926b : +12
51 : #6d9770 : +14
53 : #739c75 : +16
55 : #79a07b : +18
57 : #7fa481 : +20
59 : #85a887 : +22
61 : #8bac8d : +24
63 : #91b193 : +26
65 : #97b599 : +28
67 : #9db99e : +30
69 : #a3bda4 : +32
71 : #a8c2aa : +34
73 : #aec6b0 : +36
75 : #b4cab6 : +38
77 : #bacebc : +40
79 : #c0d3c2 : +42
81 : #c6d7c7 : +44
83 : #ccdbcd : +46
85 : #d2dfd3 : +48
87 : #d8e3d9 : +50
89 : #dee8df : +52
91 : #e4ece5 : +54
93 : #eaf0eb : +56
95 : #f0f4f0 : +58
97 : #f6f9f6 : +60
99 : #fcfdfc : +62
CSS入門、作ってます。
text-shadow