#264d4f
RGB
赤 | 38 |
---|---|
緑 | 77 |
青 | 79 |
HSL
色相 | 183° |
---|---|
彩度 | 35% |
明度 | 23% |
輝度 | 26% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 38, 緑 = 77, 青 = 79 )
HSL ( 色相 = 183°, 彩度 = 35%, 明度 = 23% )
H : 色相 ( 183° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #4f2826 : -180
13 : #4f2f26 : -170
23 : #4f3626 : -160
33 : #4f3d26 : -150
43 : #4f4426 : -140
53 : #4f4a26 : -130
63 : #4d4f26 : -120
73 : #464f26 : -110
83 : #3f4f26 : -100
93 : #394f26 : -90
103 : #324f26 : -80
113 : #2b4f26 : -70
123 : #264f28 : -60
133 : #264f2f : -50
143 : #264f36 : -40
153 : #264f3d : -30
163 : #264f44 : -20
173 : #264f4a : -10
183 : #264d4f : ±0
193 : #26464f : +10
203 : #263f4f : +20
213 : #26394f : +30
223 : #26324f : +40
233 : #262b4f : +50
243 : #28264f : +60
253 : #2f264f : +70
263 : #36264f : +80
273 : #3d264f : +90
283 : #44264f : +100
293 : #4a264f : +110
303 : #4f264d : +120
313 : #4f2646 : +130
323 : #4f263f : +140
333 : #4f2639 : +150
343 : #4f2632 : +160
353 : #4f262b : +170
173 : #264f4a : -10
174 : #264f4b : -9
175 : #264f4c : -8
176 : #264f4c : -7
177 : #264f4d : -6
178 : #264f4e : -5
179 : #264f4e : -4
180 : #264f4f : -3
181 : #264e4f : -2
182 : #264e4f : -1
183 : #264d4f : ±0
184 : #264c4f : +1
185 : #264c4f : +2
186 : #264b4f : +3
187 : #264a4f : +4
188 : #264a4f : +5
189 : #26494f : +6
190 : #26484f : +7
191 : #26484f : +8
192 : #26474f : +9
193 : #26464f : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3b3b : -34
3 : #393c3c : -32
5 : #383d3e : -30
7 : #373e3f : -28
9 : #353f40 : -26
11 : #344041 : -24
13 : #334242 : -22
15 : #324343 : -20
17 : #314445 : -18
19 : #304546 : -16
21 : #2e4647 : -14
23 : #2d4748 : -12
25 : #2c4849 : -10
27 : #2b494a : -8
29 : #2a4a4c : -6
31 : #284b4d : -4
33 : #274c4e : -2
35 : #264d4f : ±0
37 : #254e50 : +2
39 : #244f52 : +4
41 : #235053 : +6
43 : #215154 : +8
45 : #205255 : +10
47 : #1f5356 : +12
49 : #1e5557 : +14
51 : #1d5659 : +16
53 : #1c575a : +18
55 : #1a585b : +20
57 : #19595c : +22
59 : #185a5d : +24
61 : #175b5e : +26
63 : #165c60 : +28
65 : #155d61 : +30
67 : #135e62 : +32
69 : #125f63 : +34
71 : #116064 : +36
73 : #106165 : +38
75 : #0f6267 : +40
77 : #0d6368 : +42
79 : #0c6469 : +44
81 : #0b656a : +46
83 : #0a666b : +48
85 : #09686d : +50
87 : #08696e : +52
89 : #066a6f : +54
91 : #056b70 : +56
93 : #046c71 : +58
95 : #036d72 : +60
97 : #026e74 : +62
99 : #016f75 : +64
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -22
3 : #050a0a : -20
5 : #081111 : -18
7 : #0c1718 : -16
9 : #0f1e1f : -14
11 : #122526 : -12
13 : #162c2d : -10
15 : #193234 : -8
17 : #1c393b : -6
19 : #1f4041 : -4
21 : #234648 : -2
23 : #264d4f : ±0
25 : #295456 : +2
27 : #2d5b5d : +4
29 : #306164 : +6
31 : #33686b : +8
33 : #376f72 : +10
35 : #3a7578 : +12
37 : #3d7c7f : +14
39 : #418386 : +16
41 : #44898d : +18
43 : #479094 : +20
45 : #4b979b : +22
47 : #4e9ea2 : +24
49 : #51a4a9 : +26
51 : #56a9ae : +28
53 : #5dadb1 : +30
55 : #64b0b4 : +32
57 : #6bb4b8 : +34
59 : #72b7bb : +36
61 : #79bbbe : +38
63 : #80bec2 : +40
65 : #87c2c5 : +42
67 : #8dc5c8 : +44
69 : #94c9cc : +46
71 : #9bcccf : +48
73 : #a2d0d2 : +50
75 : #a9d3d6 : +52
77 : #b0d7d9 : +54
79 : #b7dadc : +56
81 : #bedee0 : +58
83 : #c4e1e3 : +60
85 : #cbe5e6 : +62
87 : #d2e8e9 : +64
89 : #d9eced : +66
91 : #e0eff0 : +68
93 : #e7f3f3 : +70
95 : #eef6f7 : +72
97 : #f5fafa : +74
99 : #fcfdfd : +76
CSS入門、作ってます。
text-shadow