#334675
RGB
赤 | 51 |
---|---|
緑 | 70 |
青 | 117 |
HSL
色相 | 223° |
---|---|
彩度 | 39% |
明度 | 33% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 51, 緑 = 70, 青 = 117 )
HSL ( 色相 = 223°, 彩度 = 39%, 明度 = 33% )
H : 色相 ( 223° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #753733 : -220
13 : #754233 : -210
23 : #754c33 : -200
33 : #755733 : -190
43 : #756233 : -180
53 : #756d33 : -170
63 : #727533 : -160
73 : #677533 : -150
83 : #5c7533 : -140
93 : #517533 : -130
103 : #467533 : -120
113 : #3b7533 : -110
123 : #337537 : -100
133 : #337542 : -90
143 : #33754c : -80
153 : #337557 : -70
163 : #337562 : -60
173 : #33756d : -50
183 : #337275 : -40
193 : #336775 : -30
203 : #335c75 : -20
213 : #335175 : -10
223 : #334675 : ±0
233 : #333b75 : +10
243 : #373375 : +20
253 : #423375 : +30
263 : #4c3375 : +40
273 : #573375 : +50
283 : #623375 : +60
293 : #6d3375 : +70
303 : #753372 : +80
313 : #753367 : +90
323 : #75335c : +100
333 : #753351 : +110
343 : #753346 : +120
353 : #75333b : +130
213 : #335175 : -10
214 : #335075 : -9
215 : #334f75 : -8
216 : #334e75 : -7
217 : #334c75 : -6
218 : #334b75 : -5
219 : #334a75 : -4
220 : #334975 : -3
221 : #334875 : -2
222 : #334775 : -1
223 : #334675 : ±0
224 : #334575 : +1
225 : #334475 : +2
226 : #334375 : +3
227 : #334275 : +4
228 : #334075 : +5
229 : #333f75 : +6
230 : #333e75 : +7
231 : #333d75 : +8
232 : #333c75 : +9
233 : #333b75 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535455 : -38
3 : #525357 : -36
5 : #505258 : -34
7 : #4e525a : -32
9 : #4d515c : -30
11 : #4b505d : -28
13 : #494f5f : -26
15 : #484f61 : -24
17 : #464e62 : -22
19 : #444d64 : -20
21 : #424c66 : -18
23 : #414c68 : -16
25 : #3f4b69 : -14
27 : #3d4a6b : -12
29 : #3c4a6d : -10
31 : #3a496e : -8
33 : #384870 : -6
35 : #374772 : -4
37 : #354773 : -2
39 : #334675 : ±0
41 : #324577 : +2
43 : #304478 : +4
45 : #2e447a : +6
47 : #2d437c : +8
49 : #2b427d : +10
51 : #29427f : +12
53 : #284181 : +14
55 : #264082 : +16
57 : #243f84 : +18
59 : #233f86 : +20
61 : #213e87 : +22
63 : #1f3d89 : +24
65 : #1d3c8b : +26
67 : #1c3c8d : +28
69 : #1a3b8e : +30
71 : #183a90 : +32
73 : #173a92 : +34
75 : #153993 : +36
77 : #133895 : +38
79 : #123797 : +40
81 : #103798 : +42
83 : #0e369a : +44
85 : #0d359c : +46
87 : #0b349d : +48
89 : #09349f : +50
91 : #0833a1 : +52
93 : #0632a2 : +54
95 : #0432a4 : +56
97 : #0331a6 : +58
99 : #0130a7 : +60
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020204 : -32
3 : #05060b : -30
5 : #080b12 : -28
7 : #0b0f19 : -26
9 : #0e1320 : -24
11 : #111727 : -22
13 : #141c2e : -20
15 : #172035 : -18
17 : #1a243c : -16
19 : #1e2843 : -14
21 : #212d4a : -12
23 : #243152 : -10
25 : #273559 : -8
27 : #2a3960 : -6
29 : #2d3d67 : -4
31 : #30426e : -2
33 : #334675 : ±0
35 : #364a7c : +2
37 : #3a4e83 : +4
39 : #3d538a : +6
41 : #405791 : +8
43 : #435b98 : +10
45 : #465fa0 : +12
47 : #4964a7 : +14
49 : #4c68ae : +16
51 : #516db3 : +18
53 : #5873b6 : +20
55 : #5f79b9 : +22
57 : #677fbc : +24
59 : #6e85bf : +26
61 : #758bc2 : +28
63 : #7c91c5 : +30
65 : #8397c9 : +32
67 : #8a9dcc : +34
69 : #91a3cf : +36
71 : #98a9d2 : +38
73 : #9fafd5 : +40
75 : #a6b4d8 : +42
77 : #adbadb : +44
79 : #b5c0de : +46
81 : #bcc6e1 : +48
83 : #c3cce5 : +50
85 : #cad2e8 : +52
87 : #d1d8eb : +54
89 : #d8deee : +56
91 : #dfe4f1 : +58
93 : #e6eaf4 : +60
95 : #edf0f7 : +62
97 : #f4f6fa : +64
99 : #fbfcfd : +66
CSS入門、作ってます。
text-shadow