#590d73
RGB
赤 | 89 |
---|---|
緑 | 13 |
青 | 115 |
HSL
色相 | 285° |
---|---|
彩度 | 80% |
明度 | 25% |
輝度 | 19% |
3桁の色
補色
反転色
RGB ( 赤 = 89, 緑 = 13, 青 = 115 )
HSL ( 色相 = 285°, 彩度 = 80%, 明度 = 25% )
H : 色相 ( 285° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #73150d : -280
15 : #73260d : -270
25 : #73370d : -260
35 : #73480d : -250
45 : #73590d : -240
55 : #736a0d : -230
65 : #6a730d : -220
75 : #59730d : -210
85 : #48730d : -200
95 : #37730d : -190
105 : #26730d : -180
115 : #15730d : -170
125 : #0d7315 : -160
135 : #0d7326 : -150
145 : #0d7337 : -140
155 : #0d7348 : -130
165 : #0d7359 : -120
175 : #0d736a : -110
185 : #0d6a73 : -100
195 : #0d5973 : -90
205 : #0d4873 : -80
215 : #0d3773 : -70
225 : #0d2673 : -60
235 : #0d1573 : -50
245 : #150d73 : -40
255 : #260d73 : -30
265 : #370d73 : -20
275 : #480d73 : -10
285 : #590d73 : ±0
295 : #6a0d73 : +10
305 : #730d6a : +20
315 : #730d59 : +30
325 : #730d48 : +40
335 : #730d37 : +50
345 : #730d26 : +60
355 : #730d15 : +70
275 : #480d73 : -10
276 : #4a0d73 : -9
277 : #4c0d73 : -8
278 : #4d0d73 : -7
279 : #4f0d73 : -6
280 : #510d73 : -5
281 : #520d73 : -4
282 : #540d73 : -3
283 : #560d73 : -2
284 : #580d73 : -1
285 : #590d73 : ±0
286 : #5b0d73 : +1
287 : #5d0d73 : +2
288 : #5e0d73 : +3
289 : #600d73 : +4
290 : #620d73 : +5
291 : #630d73 : +6
292 : #650d73 : +7
293 : #670d73 : +8
294 : #690d73 : +9
295 : #6a0d73 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -80
2 : #403e41 : -78
4 : #413d42 : -76
6 : #423c44 : -74
8 : #423b45 : -72
10 : #433946 : -70
12 : #443847 : -68
14 : #443749 : -66
16 : #45364a : -64
18 : #45344b : -62
20 : #46334d : -60
22 : #47324e : -58
24 : #47304f : -56
26 : #482f50 : -54
28 : #492e52 : -52
30 : #492d53 : -50
32 : #4a2b54 : -48
34 : #4b2a55 : -46
36 : #4b2957 : -44
38 : #4c2858 : -42
40 : #4d2659 : -40
42 : #4d255b : -38
44 : #4e245c : -36
46 : #4e225d : -34
48 : #4f215e : -32
50 : #502060 : -30
52 : #501f61 : -28
54 : #511d62 : -26
56 : #521c63 : -24
58 : #521b65 : -22
60 : #531a66 : -20
62 : #541867 : -18
64 : #541769 : -16
66 : #55166a : -14
68 : #55146b : -12
70 : #56136c : -10
72 : #57126e : -8
74 : #57116f : -6
76 : #580f70 : -4
78 : #590e71 : -2
80 : #590d73 : ±0
82 : #5a0b74 : +2
84 : #5b0a75 : +4
86 : #5b0977 : +6
88 : #5c0878 : +8
90 : #5c0679 : +10
92 : #5d057a : +12
94 : #5e047c : +14
96 : #5e037d : +16
98 : #5f017e : +18
100 : #600080 : +20
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040105 : -24
3 : #0b020e : -22
5 : #120317 : -20
7 : #190420 : -18
9 : #200529 : -16
11 : #270632 : -14
13 : #2e073c : -12
15 : #360845 : -10
17 : #3d094e : -8
19 : #440a57 : -6
21 : #4b0b60 : -4
23 : #520c6a : -2
25 : #590d73 : ±0
27 : #600e7c : +2
29 : #680f85 : +4
31 : #6f108e : +6
33 : #761197 : +8
35 : #7d12a1 : +10
37 : #8413aa : +12
39 : #8b14b3 : +14
41 : #9215bc : +16
43 : #9a16c5 : +18
45 : #a117cf : +20
47 : #a818d8 : +22
49 : #af19e1 : +24
51 : #b41ee6 : +26
53 : #b727e7 : +28
55 : #ba30e8 : +30
57 : #bd3ae9 : +32
59 : #c043ea : +34
61 : #c34ceb : +36
63 : #c655ec : +38
65 : #c95eed : +40
67 : #cd68ee : +42
69 : #d071ef : +44
71 : #d37af0 : +46
73 : #d683f1 : +48
75 : #d98cf2 : +50
77 : #dc95f3 : +52
79 : #df9ff4 : +54
81 : #e2a8f5 : +56
83 : #e5b1f6 : +58
85 : #e8baf7 : +60
87 : #ebc3f8 : +62
89 : #eecdf9 : +64
91 : #f1d6fa : +66
93 : #f4dffb : +68
95 : #f7e8fc : +70
97 : #faf1fd : +72
99 : #fdfafe : +74
CSS入門、作ってます。
text-shadow