#1a9927
RGB
赤 | 26 |
---|---|
緑 | 153 |
青 | 39 |
HSL
色相 | 126° |
---|---|
彩度 | 71% |
明度 | 35% |
輝度 | 40% |
3桁の色
補色
反転色
RGB ( 赤 = 26, 緑 = 153, 青 = 39 )
HSL ( 色相 = 126°, 彩度 = 71%, 明度 = 35% )
H : 色相 ( 126° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #99271a : -120
16 : #993c1a : -110
26 : #99511a : -100
36 : #99661a : -90
46 : #997b1a : -80
56 : #99901a : -70
66 : #8c991a : -60
76 : #77991a : -50
86 : #62991a : -40
96 : #4d991a : -30
106 : #37991a : -20
116 : #22991a : -10
126 : #1a9927 : ±0
136 : #1a993c : +10
146 : #1a9951 : +20
156 : #1a9966 : +30
166 : #1a997b : +40
176 : #1a9990 : +50
186 : #1a8c99 : +60
196 : #1a7799 : +70
206 : #1a6299 : +80
216 : #1a4d99 : +90
226 : #1a3799 : +100
236 : #1a2299 : +110
246 : #271a99 : +120
256 : #3c1a99 : +130
266 : #511a99 : +140
276 : #661a99 : +150
286 : #7b1a99 : +160
296 : #901a99 : +170
306 : #991a8c : +180
316 : #991a77 : +190
326 : #991a62 : +200
336 : #991a4d : +210
346 : #991a37 : +220
356 : #991a22 : +230
116 : #22991a : -10
117 : #20991a : -9
118 : #1e991a : -8
119 : #1c991a : -7
120 : #1a991a : -6
121 : #1a991c : -5
122 : #1a991e : -4
123 : #1a9920 : -3
124 : #1a9922 : -2
125 : #1a9924 : -1
126 : #1a9927 : ±0
127 : #1a9929 : +1
128 : #1a992b : +2
129 : #1a992d : +3
130 : #1a992f : +4
131 : #1a9931 : +5
132 : #1a9933 : +6
133 : #1a9935 : +7
134 : #1a9937 : +8
135 : #1a993a : +9
136 : #1a993c : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585a59 : -70
3 : #575c57 : -68
5 : #555e56 : -66
7 : #535f54 : -64
9 : #516153 : -62
11 : #4f6351 : -60
13 : #4e6550 : -58
15 : #4c674f : -56
17 : #4a684d : -54
19 : #486a4c : -52
21 : #476c4a : -50
23 : #456e49 : -48
25 : #437047 : -46
27 : #417146 : -44
29 : #3f7345 : -42
31 : #3e7543 : -40
33 : #3c7742 : -38
35 : #3a7840 : -36
37 : #387a3f : -34
39 : #367c3d : -32
41 : #357e3c : -30
43 : #33803b : -28
45 : #318139 : -26
47 : #2f8338 : -24
49 : #2e8536 : -22
51 : #2c8735 : -20
53 : #2a8933 : -18
55 : #288a32 : -16
57 : #268c31 : -14
59 : #258e2f : -12
61 : #23902e : -10
63 : #21912c : -8
65 : #1f932b : -6
67 : #1d9529 : -4
69 : #1c9728 : -2
71 : #1a9927 : ±0
73 : #189a25 : +2
75 : #169c24 : +4
77 : #159e22 : +6
79 : #13a021 : +8
81 : #11a21f : +10
83 : #0fa31e : +12
85 : #0da51d : +14
87 : #0ca71b : +16
89 : #0aa91a : +18
91 : #08aa18 : +20
93 : #06ac17 : +22
95 : #04ae15 : +24
97 : #03b014 : +26
99 : #01b213 : +28
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -34
3 : #020d03 : -32
5 : #041606 : -30
7 : #051f08 : -28
9 : #07270a : -26
11 : #08300c : -24
13 : #0a390e : -22
15 : #0b4111 : -20
17 : #0d4a13 : -18
19 : #0e5315 : -16
21 : #105c17 : -14
23 : #116419 : -12
25 : #126d1c : -10
27 : #14761e : -8
29 : #157e20 : -6
31 : #178722 : -4
33 : #189024 : -2
35 : #1a9927 : ±0
37 : #1ba129 : +2
39 : #1daa2b : +4
41 : #1eb32d : +6
43 : #20bc2f : +8
45 : #21c432 : +10
47 : #23cd34 : +12
49 : #24d636 : +14
51 : #29db3b : +16
53 : #32dc43 : +18
55 : #3bde4b : +20
57 : #43df53 : +22
59 : #4ce15b : +24
61 : #55e263 : +26
63 : #5ee46b : +28
65 : #66e573 : +30
67 : #6fe77b : +32
69 : #78e883 : +34
71 : #81ea8b : +36
73 : #89eb93 : +38
75 : #92ed9b : +40
77 : #9beea3 : +42
79 : #a3efab : +44
81 : #acf1b3 : +46
83 : #b5f2bb : +48
85 : #bef4c3 : +50
87 : #c6f5cb : +52
89 : #cff7d3 : +54
91 : #d8f8db : +56
93 : #e0fae3 : +58
95 : #e9fbeb : +60
97 : #f2fdf3 : +62
99 : #fbfefb : +64
CSS入門、作ってます。
text-shadow