#448d83
RGB
赤 | 68 |
---|---|
緑 | 141 |
青 | 131 |
HSL
色相 | 172° |
---|---|
彩度 | 35% |
明度 | 41% |
輝度 | 46% |
3桁の色
補色
反転色
RGB ( 赤 = 68, 緑 = 141, 青 = 131 )
HSL ( 色相 = 172°, 彩度 = 35%, 明度 = 41% )
H : 色相 ( 172° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8d4644 : -170
12 : #8d5344 : -160
22 : #8d5f44 : -150
32 : #8d6b44 : -140
42 : #8d7744 : -130
52 : #8d8344 : -120
62 : #8b8d44 : -110
72 : #7f8d44 : -100
82 : #728d44 : -90
92 : #668d44 : -80
102 : #5a8d44 : -70
112 : #4e8d44 : -60
122 : #448d46 : -50
132 : #448d53 : -40
142 : #448d5f : -30
152 : #448d6b : -20
162 : #448d77 : -10
172 : #448d83 : ±0
182 : #448b8d : +10
192 : #447f8d : +20
202 : #44728d : +30
212 : #44668d : +40
222 : #445a8d : +50
232 : #444e8d : +60
242 : #46448d : +70
252 : #53448d : +80
262 : #5f448d : +90
272 : #6b448d : +100
282 : #77448d : +110
292 : #83448d : +120
302 : #8d448b : +130
312 : #8d447f : +140
322 : #8d4472 : +150
332 : #8d4466 : +160
342 : #8d445a : +170
352 : #8d444e : +180
162 : #448d77 : -10
163 : #448d78 : -9
164 : #448d7a : -8
165 : #448d7b : -7
166 : #448d7c : -6
167 : #448d7d : -5
168 : #448d7f : -4
169 : #448d80 : -3
170 : #448d81 : -2
171 : #448d82 : -1
172 : #448d83 : ±0
173 : #448d85 : +1
174 : #448d86 : +2
175 : #448d87 : +3
176 : #448d88 : +4
177 : #448d89 : +5
178 : #448d8b : +6
179 : #448d8c : +7
180 : #448d8d : +8
181 : #448c8d : +9
182 : #448b8d : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a69 : -34
3 : #656c6b : -32
5 : #636e6c : -30
7 : #61706e : -28
9 : #5f726f : -26
11 : #5d7471 : -24
13 : #5b7673 : -22
15 : #597874 : -20
17 : #577a76 : -18
19 : #557c77 : -16
21 : #537f79 : -14
23 : #51817a : -12
25 : #4e837c : -10
27 : #4c857d : -8
29 : #4a877f : -6
31 : #488980 : -4
33 : #468b82 : -2
35 : #448d83 : ±0
37 : #428f85 : +2
39 : #409186 : +4
41 : #3e9388 : +6
43 : #3c968a : +8
45 : #3a988b : +10
47 : #379a8d : +12
49 : #359c8e : +14
51 : #339e90 : +16
53 : #31a091 : +18
55 : #2fa293 : +20
57 : #2da494 : +22
59 : #2ba696 : +24
61 : #29a897 : +26
63 : #27aa99 : +28
65 : #25ad9a : +30
67 : #23af9c : +32
69 : #20b19d : +34
71 : #1eb39f : +36
73 : #1cb5a1 : +38
75 : #1ab7a2 : +40
77 : #18b9a4 : +42
79 : #16bba5 : +44
81 : #14bda7 : +46
83 : #12bfa8 : +48
85 : #10c1aa : +50
87 : #0ec4ab : +52
89 : #0cc6ad : +54
91 : #09c8ae : +56
93 : #07cab0 : +58
95 : #05ccb1 : +60
97 : #03ceb3 : +62
99 : #01d0b4 : +64
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #050a0a : -38
5 : #081110 : -36
7 : #0c1816 : -34
9 : #0f1f1d : -32
11 : #122623 : -30
13 : #162d2a : -28
15 : #193430 : -26
17 : #1c3b36 : -24
19 : #1f413d : -22
21 : #234843 : -20
23 : #264f4a : -18
25 : #295650 : -16
27 : #2d5d57 : -14
29 : #30645d : -12
31 : #336b63 : -10
33 : #37726a : -8
35 : #3a7870 : -6
37 : #3d7f77 : -4
39 : #41867d : -2
41 : #448d83 : ±0
43 : #47948a : +2
45 : #4b9b90 : +4
47 : #4ea297 : +6
49 : #51a99d : +8
51 : #56aea2 : +10
53 : #5db1a6 : +12
55 : #64b4aa : +14
57 : #6bb8ad : +16
59 : #72bbb1 : +18
61 : #79beb5 : +20
63 : #80c2b9 : +22
65 : #87c5bd : +24
67 : #8dc8c0 : +26
69 : #94ccc4 : +28
71 : #9bcfc8 : +30
73 : #a2d2cc : +32
75 : #a9d6d0 : +34
77 : #b0d9d3 : +36
79 : #b7dcd7 : +38
81 : #bee0db : +40
83 : #c4e3df : +42
85 : #cbe6e3 : +44
87 : #d2e9e6 : +46
89 : #d9edea : +48
91 : #e0f0ee : +50
93 : #e7f3f2 : +52
95 : #eef7f6 : +54
97 : #f5faf9 : +56
99 : #fcfdfd : +58
CSS入門、作ってます。
text-shadow