#0da589
RGB
赤 | 13 |
---|---|
緑 | 165 |
青 | 137 |
HSL
色相 | 169° |
---|---|
彩度 | 85% |
明度 | 35% |
輝度 | 46% |
3桁の色
補色
反転色
RGB ( 赤 = 13, 緑 = 165, 青 = 137 )
HSL ( 色相 = 169°, 彩度 = 85%, 明度 = 35% )
H : 色相 ( 169° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a5240d : -160
19 : #a53d0d : -150
29 : #a5570d : -140
39 : #a5700d : -130
49 : #a5890d : -120
59 : #a5a30d : -110
69 : #8ea50d : -100
79 : #75a50d : -90
89 : #5ca50d : -80
99 : #42a50d : -70
109 : #29a50d : -60
119 : #10a50d : -50
129 : #0da524 : -40
139 : #0da53d : -30
149 : #0da557 : -20
159 : #0da570 : -10
169 : #0da589 : ±0
179 : #0da5a3 : +10
189 : #0d8ea5 : +20
199 : #0d75a5 : +30
209 : #0d5ca5 : +40
219 : #0d42a5 : +50
229 : #0d29a5 : +60
239 : #0d10a5 : +70
249 : #240da5 : +80
259 : #3d0da5 : +90
269 : #570da5 : +100
279 : #700da5 : +110
289 : #890da5 : +120
299 : #a30da5 : +130
309 : #a50d8e : +140
319 : #a50d75 : +150
329 : #a50d5c : +160
339 : #a50d42 : +170
349 : #a50d29 : +180
359 : #a50d10 : +190
159 : #0da570 : -10
160 : #0da573 : -9
161 : #0da575 : -8
162 : #0da578 : -7
163 : #0da57a : -6
164 : #0da57d : -5
165 : #0da57f : -4
166 : #0da582 : -3
167 : #0da584 : -2
168 : #0da587 : -1
169 : #0da589 : ±0
170 : #0da58c : +1
171 : #0da58e : +2
172 : #0da591 : +3
173 : #0da593 : +4
174 : #0da596 : +5
175 : #0da598 : +6
176 : #0da59b : +7
177 : #0da59e : +8
178 : #0da5a0 : +9
179 : #0da5a3 : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585a5a : -84
3 : #575c5b : -82
5 : #555e5c : -80
7 : #535f5d : -78
9 : #51615e : -76
11 : #4f635f : -74
13 : #4e6561 : -72
15 : #4c6762 : -70
17 : #4a6863 : -68
19 : #486a64 : -66
21 : #476c65 : -64
23 : #456e66 : -62
25 : #437067 : -60
27 : #417169 : -58
29 : #3f736a : -56
31 : #3e756b : -54
33 : #3c776c : -52
35 : #3a786d : -50
37 : #387a6e : -48
39 : #367c6f : -46
41 : #357e70 : -44
43 : #338072 : -42
45 : #318173 : -40
47 : #2f8374 : -38
49 : #2e8575 : -36
51 : #2c8776 : -34
53 : #2a8977 : -32
55 : #288a78 : -30
57 : #268c79 : -28
59 : #258e7b : -26
61 : #23907c : -24
63 : #21917d : -22
65 : #1f937e : -20
67 : #1d957f : -18
69 : #1c9780 : -16
71 : #1a9981 : -14
73 : #189a83 : -12
75 : #169c84 : -10
77 : #159e85 : -8
79 : #13a086 : -6
81 : #11a287 : -4
83 : #0fa388 : -2
85 : #0da589 : ±0
87 : #0ca78a : +2
89 : #0aa98c : +4
91 : #08aa8d : +6
93 : #06ac8e : +8
95 : #04ae8f : +10
97 : #03b090 : +12
99 : #01b291 : +14
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #000504 : -34
3 : #010e0c : -32
5 : #021814 : -30
7 : #03211b : -28
9 : #032a23 : -26
11 : #04342b : -24
13 : #053d33 : -22
15 : #06473b : -20
17 : #075043 : -18
19 : #075a4b : -16
21 : #086352 : -14
23 : #096d5a : -12
25 : #0a7662 : -10
27 : #0a7f6a : -8
29 : #0b8972 : -6
31 : #0c927a : -4
33 : #0d9c81 : -2
35 : #0da589 : ±0
37 : #0eaf91 : +2
39 : #0fb899 : +4
41 : #10c1a1 : +6
43 : #10cba9 : +8
45 : #11d4b1 : +10
47 : #12deb8 : +12
49 : #13e7c0 : +14
51 : #18ecc5 : +16
53 : #21edc8 : +18
55 : #2beeca : +20
57 : #34efcc : +22
59 : #3eefcf : +24
61 : #47f0d1 : +26
63 : #50f1d3 : +28
65 : #5af2d6 : +30
67 : #63f2d8 : +32
69 : #6df3db : +34
71 : #76f4dd : +36
73 : #80f5df : +38
75 : #89f5e2 : +40
77 : #92f6e4 : +42
79 : #9cf7e6 : +44
81 : #a5f8e9 : +46
83 : #aff8eb : +48
85 : #b8f9ed : +50
87 : #c2faf0 : +52
89 : #cbfbf2 : +54
91 : #d5fcf4 : +56
93 : #defcf7 : +58
95 : #e7fdf9 : +60
97 : #f1fefb : +62
99 : #fafffe : +64
CSS入門、作ってます。
text-shadow