#416e3a
RGB
| 赤 | 65 |
|---|---|
| 緑 | 110 |
| 青 | 58 |
HSL
| 色相 | 112° |
|---|---|
| 彩度 | 31% |
| 明度 | 33% |
| 輝度 | 36% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 65, 緑 = 110, 青 = 58 )
HSL ( 色相 = 112°, 彩度 = 31%, 明度 = 33% )
H : 色相 ( 112° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #6e3c3a : -110
12 : #6e443a : -100
22 : #6e4d3a : -90
32 : #6e563a : -80
42 : #6e5f3a : -70
52 : #6e673a : -60
62 : #6c6e3a : -50
72 : #646e3a : -40
82 : #5b6e3a : -30
92 : #526e3a : -20
102 : #4a6e3a : -10
112 : #416e3a : ±0
122 : #3a6e3c : +10
132 : #3a6e44 : +20
142 : #3a6e4d : +30
152 : #3a6e56 : +40
162 : #3a6e5f : +50
172 : #3a6e67 : +60
182 : #3a6c6e : +70
192 : #3a646e : +80
202 : #3a5b6e : +90
212 : #3a526e : +100
222 : #3a4a6e : +110
232 : #3a416e : +120
242 : #3c3a6e : +130
252 : #443a6e : +140
262 : #4d3a6e : +150
272 : #563a6e : +160
282 : #5f3a6e : +170
292 : #673a6e : +180
302 : #6e3a6c : +190
312 : #6e3a64 : +200
322 : #6e3a5b : +210
332 : #6e3a52 : +220
342 : #6e3a4a : +230
352 : #6e3a41 : +240
102 : #4a6e3a : -10
103 : #496e3a : -9
104 : #486e3a : -8
105 : #476e3a : -7
106 : #466e3a : -6
107 : #456e3a : -5
108 : #446e3a : -4
109 : #446e3a : -3
110 : #436e3a : -2
111 : #426e3a : -1
112 : #416e3a : ±0
113 : #406e3a : +1
114 : #3f6e3a : +2
115 : #3e6e3a : +3
116 : #3e6e3a : +4
117 : #3d6e3a : +5
118 : #3c6e3a : +6
119 : #3b6e3a : +7
120 : #3a6e3a : +8
121 : #3a6e3b : +9
122 : #3a6e3c : +10
S : 彩度 ( 31% )
(0%) 渋い ～ 鮮やか (100%)
1 : #545553 : -30
3 : #525752 : -28
5 : #515850 : -26
7 : #505a4e : -24
9 : #4f5c4d : -22
11 : #4d5d4b : -20
13 : #4c5f49 : -18
15 : #4b6148 : -16
17 : #4a6246 : -14
19 : #486444 : -12
21 : #476642 : -10
23 : #466841 : -8
25 : #45693f : -6
27 : #436b3d : -4
29 : #426d3c : -2
31 : #416e3a : ±0
33 : #407038 : +2
35 : #3f7237 : +4
37 : #3d7335 : +6
39 : #3c7533 : +8
41 : #3b7732 : +10
43 : #3a7830 : +12
45 : #387a2e : +14
47 : #377c2d : +16
49 : #367d2b : +18
51 : #357f29 : +20
53 : #338128 : +22
55 : #328226 : +24
57 : #318424 : +26
59 : #308623 : +28
61 : #2f8721 : +30
63 : #2d891f : +32
65 : #2c8b1d : +34
67 : #2b8d1c : +36
69 : #2a8e1a : +38
71 : #289018 : +40
73 : #279217 : +42
75 : #269315 : +44
77 : #259513 : +46
79 : #239712 : +48
81 : #229810 : +50
83 : #219a0e : +52
85 : #209c0d : +54
87 : #1e9d0b : +56
89 : #1d9f09 : +58
91 : #1ca108 : +60
93 : #1ba206 : +62
95 : #1aa404 : +64
97 : #18a603 : +66
99 : #17a701 : +68
L : 明度 ( 33% )
(0%) 暗い ～ 明るい (100%)
1 : #020302 : -32
3 : #060a05 : -30
5 : #0a1109 : -28
7 : #0e170c : -26
9 : #121e10 : -24
11 : #162513 : -22
13 : #1a2b17 : -20
15 : #1e321a : -18
17 : #21391e : -16
19 : #253f21 : -14
21 : #294625 : -12
23 : #2d4d28 : -10
25 : #31542c : -8
27 : #355a30 : -6
29 : #396133 : -4
31 : #3d6837 : -2
33 : #416e3a : ±0
35 : #45753e : +2
37 : #497c41 : +4
39 : #4d8245 : +6
41 : #518948 : +8
43 : #55904c : +10
45 : #59964f : +12
47 : #5d9d53 : +14
49 : #61a456 : +16
51 : #66a95b : +18
53 : #6cac62 : +20
55 : #72b069 : +22
57 : #78b36f : +24
59 : #7fb776 : +26
61 : #85ba7d : +28
63 : #8bbe83 : +30
65 : #91c18a : +32
67 : #98c591 : +34
69 : #9ec897 : +36
71 : #a4cc9e : +38
73 : #aacfa5 : +40
75 : #b1d3ab : +42
77 : #b7d7b2 : +44
79 : #bddab9 : +46
81 : #c4dec0 : +48
83 : #cae1c6 : +50
85 : #d0e5cd : +52
87 : #d6e8d4 : +54
89 : #ddecda : +56
91 : #e3efe1 : +58
93 : #e9f3e8 : +60
95 : #eff6ee : +62
97 : #f6faf5 : +64
99 : #fcfdfc : +66
CSS入門、作ってます。
text-shadow