#349385
RGB
赤 | 52 |
---|---|
緑 | 147 |
青 | 133 |
HSL
色相 | 171° |
---|---|
彩度 | 48% |
明度 | 39% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 52, 緑 = 147, 青 = 133 )
HSL ( 色相 = 171°, 彩度 = 48%, 明度 = 39% )
H : 色相 ( 171° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #933534 : -170
11 : #934534 : -160
21 : #935534 : -150
31 : #936534 : -140
41 : #937534 : -130
51 : #938534 : -120
61 : #929334 : -110
71 : #829334 : -100
81 : #729334 : -90
91 : #629334 : -80
101 : #529334 : -70
111 : #429334 : -60
121 : #349335 : -50
131 : #349345 : -40
141 : #349355 : -30
151 : #349365 : -20
161 : #349375 : -10
171 : #349385 : ±0
181 : #349293 : +10
191 : #348293 : +20
201 : #347293 : +30
211 : #346293 : +40
221 : #345293 : +50
231 : #344293 : +60
241 : #353493 : +70
251 : #453493 : +80
261 : #553493 : +90
271 : #653493 : +100
281 : #753493 : +110
291 : #853493 : +120
301 : #933492 : +130
311 : #933482 : +140
321 : #933472 : +150
331 : #933462 : +160
341 : #933452 : +170
351 : #933442 : +180
161 : #349375 : -10
162 : #349377 : -9
163 : #349378 : -8
164 : #34937a : -7
165 : #34937b : -6
166 : #34937d : -5
167 : #34937f : -4
168 : #349380 : -3
169 : #349382 : -2
170 : #349383 : -1
171 : #349385 : ±0
172 : #349386 : +1
173 : #349388 : +2
174 : #34938a : +3
175 : #34938b : +4
176 : #34938d : +5
177 : #34938e : +6
178 : #349390 : +7
179 : #349392 : +8
180 : #349393 : +9
181 : #349293 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -48
2 : #616565 : -46
4 : #5f6766 : -44
6 : #5d6968 : -42
8 : #5b6b69 : -40
10 : #5a6d6a : -38
12 : #586f6c : -36
14 : #56716d : -34
16 : #54736f : -32
18 : #527570 : -30
20 : #507771 : -28
22 : #4e7973 : -26
24 : #4c7b74 : -24
26 : #4a7d76 : -22
28 : #487f77 : -20
30 : #468178 : -18
32 : #44837a : -16
34 : #42857b : -14
36 : #40877d : -12
38 : #3e897e : -10
40 : #3c8b7f : -8
42 : #3a8d81 : -6
44 : #388f82 : -4
46 : #369183 : -2
48 : #349385 : ±0
50 : #329586 : +2
52 : #309788 : +4
54 : #2e9989 : +6
56 : #2c9b8a : +8
58 : #2a9d8c : +10
60 : #289f8d : +12
62 : #26a18f : +14
64 : #24a390 : +16
66 : #22a591 : +18
68 : #20a793 : +20
70 : #1ea994 : +22
72 : #1cab96 : +24
74 : #1aad97 : +26
76 : #18af98 : +28
78 : #16b19a : +30
80 : #14b39b : +32
82 : #12b59d : +34
84 : #10b79e : +36
86 : #0eb99f : +38
88 : #0cbba1 : +40
90 : #0abda2 : +42
92 : #08bfa3 : +44
94 : #06c1a5 : +46
96 : #04c3a6 : +48
98 : #02c5a8 : +50
100 : #00c7a9 : +52
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -38
3 : #040b0a : -36
5 : #071311 : -34
7 : #091a18 : -32
9 : #0c221f : -30
11 : #0f2a25 : -28
13 : #11312c : -26
15 : #143933 : -24
17 : #17403a : -22
19 : #194841 : -20
21 : #1c4f48 : -18
23 : #1e574e : -16
25 : #215e55 : -14
27 : #24665c : -12
29 : #266d63 : -10
31 : #29756a : -8
33 : #2c7d70 : -6
35 : #2e8477 : -4
37 : #318c7e : -2
39 : #349385 : ±0
41 : #369b8c : +2
43 : #39a292 : +4
45 : #3caa99 : +6
47 : #3eb1a0 : +8
49 : #41b9a7 : +10
51 : #46beac : +12
53 : #4ec1af : +14
55 : #55c3b3 : +16
57 : #5dc6b6 : +18
59 : #64c9ba : +20
61 : #6ccbbd : +22
63 : #73cec0 : +24
65 : #7bd1c4 : +26
67 : #82d3c7 : +28
69 : #8ad6cb : +30
71 : #92d9ce : +32
73 : #99dbd1 : +34
75 : #a1ded5 : +36
77 : #a8e1d8 : +38
79 : #b0e3db : +40
81 : #b7e6df : +42
83 : #bfe8e2 : +44
85 : #c6ebe6 : +46
87 : #ceeee9 : +48
89 : #d5f0ec : +50
91 : #ddf3f0 : +52
93 : #e5f6f3 : +54
95 : #ecf8f7 : +56
97 : #f4fbfa : +58
99 : #fbfefd : +60
CSS入門、作ってます。
text-shadow