#158932
RGB
赤 | 21 |
---|---|
緑 | 137 |
青 | 50 |
HSL
色相 | 135° |
---|---|
彩度 | 73% |
明度 | 31% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 21, 緑 = 137, 青 = 50 )
HSL ( 色相 = 135°, 彩度 = 73%, 明度 = 31% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #891f15 : -130
15 : #893215 : -120
25 : #894515 : -110
35 : #895915 : -100
45 : #896c15 : -90
55 : #897f15 : -80
65 : #7f8915 : -70
75 : #6c8915 : -60
85 : #598915 : -50
95 : #458915 : -40
105 : #328915 : -30
115 : #1f8915 : -20
125 : #15891f : -10
135 : #158932 : ±0
145 : #158945 : +10
155 : #158959 : +20
165 : #15896c : +30
175 : #15897f : +40
185 : #157f89 : +50
195 : #156c89 : +60
205 : #155989 : +70
215 : #154589 : +80
225 : #153289 : +90
235 : #151f89 : +100
245 : #1f1589 : +110
255 : #321589 : +120
265 : #451589 : +130
275 : #591589 : +140
285 : #6c1589 : +150
295 : #7f1589 : +160
305 : #89157f : +170
315 : #89156c : +180
325 : #891559 : +190
335 : #891545 : +200
345 : #891532 : +210
355 : #89151f : +220
125 : #15891f : -10
126 : #158921 : -9
127 : #158923 : -8
128 : #158925 : -7
129 : #158927 : -6
130 : #158929 : -5
131 : #15892b : -4
132 : #15892c : -3
133 : #15892e : -2
134 : #158930 : -1
135 : #158932 : ±0
136 : #158934 : +1
137 : #158936 : +2
138 : #158938 : +3
139 : #15893a : +4
140 : #15893c : +5
141 : #15893e : +6
142 : #158940 : +7
143 : #158942 : +8
144 : #158944 : +9
145 : #158945 : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e504f : -72
3 : #4d514e : -70
5 : #4b534d : -68
7 : #4a554c : -66
9 : #48564b : -64
11 : #46584b : -62
13 : #45594a : -60
15 : #435b49 : -58
17 : #425c48 : -56
19 : #405e48 : -54
21 : #3e6047 : -52
23 : #3d6146 : -50
25 : #3b6345 : -48
27 : #3a6444 : -46
29 : #386644 : -44
31 : #376843 : -42
33 : #356942 : -40
35 : #336b41 : -38
37 : #326c40 : -36
39 : #306e40 : -34
41 : #2f6f3f : -32
43 : #2d713e : -30
45 : #2b733d : -28
47 : #2a743c : -26
49 : #28763c : -24
51 : #27773b : -22
53 : #25793a : -20
55 : #247b39 : -18
57 : #227c39 : -16
59 : #207e38 : -14
61 : #1f7f37 : -12
63 : #1d8136 : -10
65 : #1c8235 : -8
67 : #1a8435 : -6
69 : #198634 : -4
71 : #178733 : -2
73 : #158932 : ±0
75 : #148a31 : +2
77 : #128c31 : +4
79 : #118d30 : +6
81 : #0f8f2f : +8
83 : #0d912e : +10
85 : #0c922d : +12
87 : #0a942d : +14
89 : #09952c : +16
91 : #07972b : +18
93 : #06992a : +20
95 : #049a2a : +22
97 : #029c29 : +24
99 : #019d28 : +26
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -30
3 : #020d05 : -28
5 : #031608 : -26
7 : #051f0b : -24
9 : #06280f : -22
11 : #083112 : -20
13 : #093915 : -18
15 : #0a4218 : -16
17 : #0c4b1c : -14
19 : #0d541f : -12
21 : #0e5d22 : -10
23 : #106525 : -8
25 : #116e28 : -6
27 : #13772c : -4
29 : #14802f : -2
31 : #158932 : ±0
33 : #179235 : +2
35 : #189a39 : +4
37 : #19a33c : +6
39 : #1bac3f : +8
41 : #1cb542 : +10
43 : #1ebe46 : +12
45 : #1fc749 : +14
47 : #20cf4c : +16
49 : #22d84f : +18
51 : #27dd54 : +20
53 : #30df5b : +22
55 : #38e062 : +24
57 : #41e169 : +26
59 : #4ae370 : +28
61 : #53e477 : +30
63 : #5ce67e : +32
65 : #65e785 : +34
67 : #6de88c : +36
69 : #76ea93 : +38
71 : #7feb9a : +40
73 : #88eca1 : +42
75 : #91eea8 : +44
77 : #9aefaf : +46
79 : #a2f1b6 : +48
81 : #abf2bd : +50
83 : #b4f3c4 : +52
85 : #bdf5cb : +54
87 : #c6f6d2 : +56
89 : #cef7d9 : +58
91 : #d7f9e0 : +60
93 : #e0fae7 : +62
95 : #e9fcee : +64
97 : #f2fdf5 : +66
99 : #fbfefc : +68
CSS入門、作ってます。
text-shadow