#3dbc0b
RGB
| 赤 | 61 |
|---|---|
| 緑 | 188 |
| 青 | 11 |
HSL
| 色相 | 103° |
|---|---|
| 彩度 | 89% |
| 明度 | 39% |
| 輝度 | 51% |
３桁の色
補色
反転色
RGB ( 赤 = 61, 緑 = 188, 青 = 11 )
HSL ( 色相 = 103°, 彩度 = 89%, 明度 = 39% )
H : 色相 ( 103° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #bc140b : -100
13 : #bc310b : -90
23 : #bc4f0b : -80
33 : #bc6c0b : -70
43 : #bc8a0b : -60
53 : #bca70b : -50
63 : #b3bc0b : -40
73 : #96bc0b : -30
83 : #78bc0b : -20
93 : #5bbc0b : -10
103 : #3dbc0b : ±0
113 : #20bc0b : +10
123 : #0bbc14 : +20
133 : #0bbc31 : +30
143 : #0bbc4f : +40
153 : #0bbc6c : +50
163 : #0bbc8a : +60
173 : #0bbca7 : +70
183 : #0bb3bc : +80
193 : #0b96bc : +90
203 : #0b78bc : +100
213 : #0b5bbc : +110
223 : #0b3dbc : +120
233 : #0b20bc : +130
243 : #140bbc : +140
253 : #310bbc : +150
263 : #4f0bbc : +160
273 : #6c0bbc : +170
283 : #8a0bbc : +180
293 : #a70bbc : +190
303 : #bc0bb3 : +200
313 : #bc0b96 : +210
323 : #bc0b78 : +220
333 : #bc0b5b : +230
343 : #bc0b3d : +240
353 : #bc0b20 : +250
93 : #5bbc0b : -10
94 : #58bc0b : -9
95 : #55bc0b : -8
96 : #52bc0b : -7
97 : #4fbc0b : -6
98 : #4cbc0b : -5
99 : #49bc0b : -4
100 : #46bc0b : -3
101 : #43bc0b : -2
102 : #40bc0b : -1
103 : #3dbc0b : ±0
104 : #3abc0b : +1
105 : #37bc0b : +2
106 : #34bc0b : +3
107 : #31bc0b : +4
108 : #2ebc0b : +5
109 : #2bbc0b : +6
110 : #28bc0b : +7
111 : #25bc0b : +8
112 : #23bc0b : +9
113 : #20bc0b : +10
S : 彩度 ( 89% )
(0%) 渋い ～ 鮮やか (100%)
1 : #636462 : -88
3 : #626660 : -86
5 : #61685e : -84
7 : #606a5c : -82
9 : #606c5a : -80
11 : #5f6e59 : -78
13 : #5e7057 : -76
15 : #5d7255 : -74
17 : #5c7453 : -72
19 : #5b7651 : -70
21 : #5a784f : -68
23 : #5a7a4d : -66
25 : #597c4b : -64
27 : #587e49 : -62
29 : #578047 : -60
31 : #568245 : -58
33 : #558443 : -56
35 : #548641 : -54
37 : #54883f : -52
39 : #538a3d : -50
41 : #528c3b : -48
43 : #518e39 : -46
45 : #509037 : -44
47 : #4f9235 : -42
49 : #4e9433 : -40
51 : #4d9631 : -38
53 : #4d982f : -36
55 : #4c9a2d : -34
57 : #4b9c2b : -32
59 : #4a9e29 : -30
61 : #49a027 : -28
63 : #48a225 : -26
65 : #47a423 : -24
67 : #47a621 : -22
69 : #46a81f : -20
71 : #45aa1d : -18
73 : #44ac1b : -16
75 : #43ae19 : -14
77 : #42b017 : -12
79 : #41b215 : -10
81 : #41b413 : -8
83 : #40b611 : -6
85 : #3fb80f : -4
87 : #3eba0d : -2
89 : #3dbc0b : ±0
91 : #3cbe09 : +2
93 : #3bc007 : +4
95 : #3bc205 : +6
97 : #3ac403 : +8
99 : #39c601 : +10
L : 明度 ( 39% )
(0%) 暗い ～ 明るい (100%)
1 : #020500 : -38
3 : #050e01 : -36
5 : #081801 : -34
7 : #0b2202 : -32
9 : #0e2b03 : -30
11 : #113503 : -28
13 : #143f04 : -26
15 : #174804 : -24
17 : #1b5205 : -22
19 : #1e5c05 : -20
21 : #216506 : -18
23 : #246f06 : -16
25 : #277807 : -14
27 : #2a8208 : -12
29 : #2d8c08 : -10
31 : #319509 : -8
33 : #349f09 : -6
35 : #37a90a : -4
37 : #3ab20a : -2
39 : #3dbc0b : ±0
41 : #40c60c : +2
43 : #43cf0c : +4
45 : #46d90d : +6
47 : #4ae30d : +8
49 : #4dec0e : +10
51 : #52f113 : +12
53 : #59f21c : +14
55 : #60f226 : +16
57 : #67f330 : +18
59 : #6ef339 : +20
61 : #75f443 : +22
63 : #7cf54d : +24
65 : #83f556 : +26
67 : #8af660 : +28
69 : #91f66a : +30
71 : #99f773 : +32
73 : #a0f77d : +34
75 : #a7f887 : +36
77 : #aef990 : +38
79 : #b5f99a : +40
81 : #bcfaa3 : +42
83 : #c3faad : +44
85 : #cafbb7 : +46
87 : #d1fbc0 : +48
89 : #d8fcca : +50
91 : #dffcd4 : +52
93 : #e6fddd : +54
95 : #edfee7 : +56
97 : #f4fef1 : +58
99 : #fbfffa : +60
CSS入門、作ってます。
text-shadow