#588d7c
RGB
赤 | 88 |
---|---|
緑 | 141 |
青 | 124 |
HSL
色相 | 161° |
---|---|
彩度 | 23% |
明度 | 45% |
輝度 | 48% |
3桁の色
補色
反転色
RGB ( 赤 = 88, 緑 = 141, 青 = 124 )
HSL ( 色相 = 161°, 彩度 = 23%, 明度 = 45% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8d5958 : -160
11 : #8d6258 : -150
21 : #8d6b58 : -140
31 : #8d7458 : -130
41 : #8d7c58 : -120
51 : #8d8558 : -110
61 : #8c8d58 : -100
71 : #838d58 : -90
81 : #7b8d58 : -80
91 : #728d58 : -70
101 : #698d58 : -60
111 : #608d58 : -50
121 : #588d59 : -40
131 : #588d62 : -30
141 : #588d6b : -20
151 : #588d74 : -10
161 : #588d7c : ±0
171 : #588d85 : +10
181 : #588c8d : +20
191 : #58838d : +30
201 : #587b8d : +40
211 : #58728d : +50
221 : #58698d : +60
231 : #58608d : +70
241 : #59588d : +80
251 : #62588d : +90
261 : #6b588d : +100
271 : #74588d : +110
281 : #7c588d : +120
291 : #85588d : +130
301 : #8d588c : +140
311 : #8d5883 : +150
321 : #8d587b : +160
331 : #8d5872 : +170
341 : #8d5869 : +180
351 : #8d5860 : +190
151 : #588d74 : -10
152 : #588d75 : -9
153 : #588d75 : -8
154 : #588d76 : -7
155 : #588d77 : -6
156 : #588d78 : -5
157 : #588d79 : -4
158 : #588d7a : -3
159 : #588d7b : -2
160 : #588d7c : -1
161 : #588d7c : ±0
162 : #588d7d : +1
163 : #588d7e : +2
164 : #588d7f : +3
165 : #588d80 : +4
166 : #588d81 : +5
167 : #588d82 : +6
168 : #588d83 : +7
169 : #588d83 : +8
170 : #588d84 : +9
171 : #588d85 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727473 : -22
3 : #6f7674 : -20
5 : #6d7875 : -18
7 : #6b7b76 : -16
9 : #687d77 : -14
11 : #667f77 : -12
13 : #648278 : -10
15 : #628479 : -8
17 : #5f867a : -6
19 : #5d897b : -4
21 : #5b8b7c : -2
23 : #588d7c : ±0
25 : #568f7d : +2
27 : #54927e : +4
29 : #51947f : +6
31 : #4f9680 : +8
33 : #4d9981 : +10
35 : #4b9b81 : +12
37 : #489d82 : +14
39 : #46a083 : +16
41 : #44a284 : +18
43 : #41a485 : +20
45 : #3fa686 : +22
47 : #3da987 : +24
49 : #3bab87 : +26
51 : #38ad88 : +28
53 : #36b089 : +30
55 : #34b28a : +32
57 : #31b48b : +34
59 : #2fb68c : +36
61 : #2db98c : +38
63 : #2abb8d : +40
65 : #28bd8e : +42
67 : #26c08f : +44
69 : #24c290 : +46
71 : #21c491 : +48
73 : #1fc791 : +50
75 : #1dc992 : +52
77 : #1acb93 : +54
79 : #18cd94 : +56
81 : #16d095 : +58
83 : #14d296 : +60
85 : #11d497 : +62
87 : #0fd797 : +64
89 : #0dd998 : +66
91 : #0adb99 : +68
93 : #08dd9a : +70
95 : #06e09b : +72
97 : #03e29c : +74
99 : #01e49c : +76
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -44
3 : #060908 : -42
5 : #0a100e : -40
7 : #0e1613 : -38
9 : #121c19 : -36
11 : #16231e : -34
13 : #1a2924 : -32
15 : #1d2f29 : -30
17 : #21352f : -28
19 : #253c35 : -26
21 : #29423a : -24
23 : #2d4840 : -22
25 : #314e45 : -20
27 : #35554b : -18
29 : #395b50 : -16
31 : #3d6156 : -14
33 : #41685b : -12
35 : #456e61 : -10
37 : #497466 : -8
39 : #4d7a6c : -6
41 : #518171 : -4
43 : #548777 : -2
45 : #588d7c : ±0
47 : #5c9382 : +2
49 : #609a87 : +4
51 : #659f8d : +6
53 : #6ca391 : +8
55 : #72a796 : +10
57 : #78ab9b : +12
59 : #7eae9f : +14
61 : #85b2a4 : +16
63 : #8bb6a9 : +18
65 : #91baad : +20
67 : #97beb2 : +22
69 : #9ec2b7 : +24
71 : #a4c6bb : +26
73 : #aacac0 : +28
75 : #b1cec5 : +30
77 : #b7d2c9 : +32
79 : #bdd6ce : +34
81 : #c3dad3 : +36
83 : #caded7 : +38
85 : #d0e2dc : +40
87 : #d6e5e1 : +42
89 : #dce9e5 : +44
91 : #e3edea : +46
93 : #e9f1ef : +48
95 : #eff5f3 : +50
97 : #f6f9f8 : +52
99 : #fcfdfd : +54
CSS入門、作ってます。
text-shadow