#35926a
RGB
赤 | 53 |
---|---|
緑 | 146 |
青 | 106 |
HSL
色相 | 154° |
---|---|
彩度 | 47% |
明度 | 39% |
輝度 | 45% |
3桁の色
補色
反転色
RGB ( 赤 = 53, 緑 = 146, 青 = 106 )
HSL ( 色相 = 154°, 彩度 = 47%, 明度 = 39% )
H : 色相 ( 154° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #923b35 : -150
14 : #924b35 : -140
24 : #925a35 : -130
34 : #926a35 : -120
44 : #927935 : -110
54 : #928935 : -100
64 : #8c9235 : -90
74 : #7c9235 : -80
84 : #6d9235 : -70
94 : #5d9235 : -60
104 : #4e9235 : -50
114 : #3e9235 : -40
124 : #35923b : -30
134 : #35924b : -20
144 : #35925a : -10
154 : #35926a : ±0
164 : #359279 : +10
174 : #359289 : +20
184 : #358c92 : +30
194 : #357c92 : +40
204 : #356d92 : +50
214 : #355d92 : +60
224 : #354e92 : +70
234 : #353e92 : +80
244 : #3b3592 : +90
254 : #4b3592 : +100
264 : #5a3592 : +110
274 : #6a3592 : +120
284 : #793592 : +130
294 : #893592 : +140
304 : #92358c : +150
314 : #92357c : +160
324 : #92356d : +170
334 : #92355d : +180
344 : #92354e : +190
354 : #92353e : +200
144 : #35925a : -10
145 : #35925c : -9
146 : #35925d : -8
147 : #35925f : -7
148 : #359260 : -6
149 : #359262 : -5
150 : #359263 : -4
151 : #359265 : -3
152 : #359267 : -2
153 : #359268 : -1
154 : #35926a : ±0
155 : #35926b : +1
156 : #35926d : +2
157 : #35926e : +3
158 : #359270 : +4
159 : #359271 : +5
160 : #359273 : +6
161 : #359275 : +7
162 : #359276 : +8
163 : #359278 : +9
164 : #359279 : +10
S : 彩度 ( 47% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626464 : -46
3 : #606664 : -44
5 : #5e6864 : -42
7 : #5c6a64 : -40
9 : #5a6c65 : -38
11 : #596e65 : -36
13 : #577065 : -34
15 : #557265 : -32
17 : #537466 : -30
19 : #517666 : -28
21 : #4f7866 : -26
23 : #4d7a66 : -24
25 : #4b7c67 : -22
27 : #497e67 : -20
29 : #478067 : -18
31 : #458268 : -16
33 : #438468 : -14
35 : #418668 : -12
37 : #3f8868 : -10
39 : #3d8a69 : -8
41 : #3b8c69 : -6
43 : #398e69 : -4
45 : #379069 : -2
47 : #35926a : ±0
49 : #33946a : +2
51 : #31966a : +4
53 : #2f986a : +6
55 : #2d9a6b : +8
57 : #2b9c6b : +10
59 : #299e6b : +12
61 : #27a06c : +14
63 : #25a26c : +16
65 : #23a46c : +18
67 : #21a66c : +20
69 : #1fa86d : +22
71 : #1daa6d : +24
73 : #1bac6d : +26
75 : #19ae6d : +28
77 : #17b06e : +30
79 : #15b26e : +32
81 : #13b46e : +34
83 : #11b66e : +36
85 : #0fb86f : +38
87 : #0dba6f : +40
89 : #0bbc6f : +42
91 : #09be70 : +44
93 : #07c070 : +46
95 : #05c270 : +48
97 : #03c470 : +50
99 : #01c671 : +52
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -38
3 : #040b08 : -36
5 : #07130e : -34
7 : #091a13 : -32
9 : #0c2218 : -30
11 : #0f291e : -28
13 : #123123 : -26
15 : #143829 : -24
17 : #17402e : -22
19 : #1a4733 : -20
21 : #1c4f39 : -18
23 : #1f563e : -16
25 : #225e44 : -14
27 : #246549 : -12
29 : #276d4f : -10
31 : #2a7454 : -8
33 : #2d7c59 : -6
35 : #2f835f : -4
37 : #328b64 : -2
39 : #35926a : ±0
41 : #379a6f : +2
43 : #3aa175 : +4
45 : #3da97a : +6
47 : #40b07f : +8
49 : #42b885 : +10
51 : #47bd8a : +12
53 : #4fbf8f : +14
55 : #56c293 : +16
57 : #5ec598 : +18
59 : #65c89d : +20
61 : #6dcaa2 : +22
63 : #74cda7 : +24
65 : #7cd0ab : +26
67 : #83d2b0 : +28
69 : #8bd5b5 : +30
71 : #92d8ba : +32
73 : #9adbbe : +34
75 : #a1ddc3 : +36
77 : #a9e0c8 : +38
79 : #b0e3cd : +40
81 : #b8e5d2 : +42
83 : #bfe8d6 : +44
85 : #c7ebdb : +46
87 : #ceede0 : +48
89 : #d6f0e5 : +50
91 : #ddf3e9 : +52
93 : #e5f6ee : +54
95 : #ecf8f3 : +56
97 : #f4fbf8 : +58
99 : #fbfefd : +60
CSS入門、作ってます。
text-shadow