#414844
RGB
赤 | 65 |
---|---|
緑 | 72 |
青 | 68 |
HSL
色相 | 146° |
---|---|
彩度 | 5% |
明度 | 27% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 65, 緑 = 72, 青 = 68 )
HSL ( 色相 = 146°, 彩度 = 5%, 明度 = 27% )
H : 色相 ( 146° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #484241 : -140
16 : #484341 : -130
26 : #484441 : -120
36 : #484641 : -110
46 : #484741 : -100
56 : #484841 : -90
66 : #484841 : -80
76 : #464841 : -70
86 : #454841 : -60
96 : #444841 : -50
106 : #434841 : -40
116 : #424841 : -30
126 : #414842 : -20
136 : #414843 : -10
146 : #414844 : ±0
156 : #414846 : +10
166 : #414847 : +20
176 : #414848 : +30
186 : #414848 : +40
196 : #414648 : +50
206 : #414548 : +60
216 : #414448 : +70
226 : #414348 : +80
236 : #414248 : +90
246 : #424148 : +100
256 : #434148 : +110
266 : #444148 : +120
276 : #464148 : +130
286 : #474148 : +140
296 : #484148 : +150
306 : #484148 : +160
316 : #484146 : +170
326 : #484145 : +180
336 : #484144 : +190
346 : #484143 : +200
356 : #484142 : +210
136 : #414843 : -10
137 : #414843 : -9
138 : #414843 : -8
139 : #414844 : -7
140 : #414844 : -6
141 : #414844 : -5
142 : #414844 : -4
143 : #414844 : -3
144 : #414844 : -2
145 : #414844 : -1
146 : #414844 : ±0
147 : #414845 : +1
148 : #414845 : +2
149 : #414845 : +3
150 : #414845 : +4
151 : #414845 : +5
152 : #414845 : +6
153 : #414845 : +7
154 : #414845 : +8
155 : #414845 : +9
156 : #414846 : +10
S : 彩度 ( 5% )
(0%) 渋い ~ 鮮やか (100%)
1 : #444645 : -4
3 : #434745 : -2
5 : #414844 : ±0
7 : #404a44 : +2
9 : #3f4b44 : +4
11 : #3d4c44 : +6
13 : #3c4e44 : +8
15 : #3b4f43 : +10
17 : #395143 : +12
19 : #385243 : +14
21 : #365343 : +16
23 : #355543 : +18
25 : #345643 : +20
27 : #325742 : +22
29 : #315942 : +24
31 : #305a42 : +26
33 : #2e5c42 : +28
35 : #2d5d42 : +30
37 : #2b5e41 : +32
39 : #2a6041 : +34
41 : #296141 : +36
43 : #276241 : +38
45 : #266441 : +40
47 : #246541 : +42
49 : #236740 : +44
51 : #226840 : +46
53 : #206940 : +48
55 : #1f6b40 : +50
57 : #1e6c40 : +52
59 : #1c6d3f : +54
61 : #1b6f3f : +56
63 : #19703f : +58
65 : #18723f : +60
67 : #17733f : +62
69 : #15743f : +64
71 : #14763e : +66
73 : #13773e : +68
75 : #11783e : +70
77 : #107a3e : +72
79 : #0e7b3e : +74
81 : #0d7d3d : +76
83 : #0c7e3d : +78
85 : #0a7f3d : +80
87 : #09813d : +82
89 : #08823d : +84
91 : #06843c : +86
93 : #05853c : +88
95 : #03863c : +90
97 : #02883c : +92
99 : #01893c : +94
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -26
3 : #070808 : -24
5 : #0c0d0d : -22
7 : #111312 : -20
9 : #161817 : -18
11 : #1b1d1c : -16
13 : #1f2321 : -14
15 : #242826 : -12
17 : #292e2b : -10
19 : #2e3330 : -8
21 : #333835 : -6
23 : #383e3a : -4
25 : #3d433f : -2
27 : #414844 : ±0
29 : #464e49 : +2
31 : #4b534f : +4
33 : #505854 : +6
35 : #555e59 : +8
37 : #5a635e : +10
39 : #5e6863 : +12
41 : #636e68 : +14
43 : #68736d : +16
45 : #6d7872 : +18
47 : #727e77 : +20
49 : #77837c : +22
51 : #7c8881 : +24
53 : #818d86 : +26
55 : #87928b : +28
57 : #8c9791 : +30
59 : #919c96 : +32
61 : #97a19b : +34
63 : #9ca5a0 : +36
65 : #a1aaa5 : +38
67 : #a7afaa : +40
69 : #acb4af : +42
71 : #b1b9b5 : +44
73 : #b7beba : +46
75 : #bcc2bf : +48
77 : #c1c7c4 : +50
79 : #c7ccc9 : +52
81 : #ccd1ce : +54
83 : #d1d6d3 : +56
85 : #d7dbd8 : +58
87 : #dce0de : +60
89 : #e2e4e3 : +62
91 : #e7e9e8 : +64
93 : #eceeed : +66
95 : #f2f3f2 : +68
97 : #f7f8f7 : +70
99 : #fcfdfc : +72
CSS入門、作ってます。
text-shadow