#32715e
RGB
赤 | 50 |
---|---|
緑 | 113 |
青 | 94 |
HSL
色相 | 162° |
---|---|
彩度 | 39% |
明度 | 32% |
輝度 | 36% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 50, 緑 = 113, 青 = 94 )
HSL ( 色相 = 162°, 彩度 = 39%, 明度 = 32% )
H : 色相 ( 162° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #713432 : -160
12 : #713f32 : -150
22 : #714932 : -140
32 : #715432 : -130
42 : #715e32 : -120
52 : #716932 : -110
62 : #6f7132 : -100
72 : #657132 : -90
82 : #5a7132 : -80
92 : #4f7132 : -70
102 : #457132 : -60
112 : #3a7132 : -50
122 : #327134 : -40
132 : #32713f : -30
142 : #327149 : -20
152 : #327154 : -10
162 : #32715e : ±0
172 : #327169 : +10
182 : #326f71 : +20
192 : #326571 : +30
202 : #325a71 : +40
212 : #324f71 : +50
222 : #324571 : +60
232 : #323a71 : +70
242 : #343271 : +80
252 : #3f3271 : +90
262 : #493271 : +100
272 : #543271 : +110
282 : #5e3271 : +120
292 : #693271 : +130
302 : #71326f : +140
312 : #713265 : +150
322 : #71325a : +160
332 : #71324f : +170
342 : #713245 : +180
352 : #71323a : +190
152 : #327154 : -10
153 : #327155 : -9
154 : #327156 : -8
155 : #327157 : -7
156 : #327158 : -6
157 : #327159 : -5
158 : #32715a : -4
159 : #32715b : -3
160 : #32715c : -2
161 : #32715d : -1
162 : #32715e : ±0
163 : #32715f : +1
164 : #327160 : +2
165 : #327162 : +3
166 : #327163 : +4
167 : #327164 : +5
168 : #327165 : +6
169 : #327166 : +7
170 : #327167 : +8
171 : #327168 : +9
172 : #327169 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #515252 : -38
3 : #4f5453 : -36
5 : #4e5653 : -34
7 : #4c5754 : -32
9 : #4a5955 : -30
11 : #495b55 : -28
13 : #475c56 : -26
15 : #455e56 : -24
17 : #445f57 : -22
19 : #426158 : -20
21 : #406358 : -18
23 : #3f6459 : -16
25 : #3d665a : -14
27 : #3c685a : -12
29 : #3a695b : -10
31 : #386b5c : -8
33 : #376d5c : -6
35 : #356e5d : -4
37 : #33705e : -2
39 : #32715e : ±0
41 : #30735f : +2
43 : #2f7560 : +4
45 : #2d7660 : +6
47 : #2b7861 : +8
49 : #2a7a62 : +10
51 : #287b62 : +12
53 : #267d63 : +14
55 : #257e64 : +16
57 : #238064 : +18
59 : #218265 : +20
61 : #208366 : +22
63 : #1e8566 : +24
65 : #1d8767 : +26
67 : #1b8867 : +28
69 : #198a68 : +30
71 : #188c69 : +32
73 : #168d69 : +34
75 : #148f6a : +36
77 : #13906b : +38
79 : #11926b : +40
81 : #10946c : +42
83 : #0e956d : +44
85 : #0c976d : +46
87 : #0b996e : +48
89 : #099a6f : +50
91 : #079c6f : +52
93 : #069d70 : +54
95 : #049f71 : +56
97 : #02a171 : +58
99 : #01a272 : +60
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #030706 : -30
4 : #060e0c : -28
6 : #091512 : -26
8 : #0c1c18 : -24
10 : #10231d : -22
12 : #132b23 : -20
14 : #163229 : -18
16 : #19392f : -16
18 : #1c4035 : -14
20 : #1f473b : -12
22 : #224e41 : -10
24 : #255547 : -8
26 : #285c4d : -6
28 : #2c6353 : -4
30 : #2f6a58 : -2
32 : #32715e : ±0
34 : #357964 : +2
36 : #38806a : +4
38 : #3b8770 : +6
40 : #3e8e76 : +8
42 : #41957c : +10
44 : #449c82 : +12
46 : #48a388 : +14
48 : #4baa8d : +16
50 : #4eb193 : +18
52 : #55b498 : +20
54 : #5cb79c : +22
56 : #63bba0 : +24
58 : #6abea5 : +26
60 : #71c1a9 : +28
62 : #78c4ad : +30
64 : #7fc7b2 : +32
66 : #86cab6 : +34
68 : #8ecdba : +36
70 : #95d0be : +38
72 : #9cd3c3 : +40
74 : #a3d7c7 : +42
76 : #aadacb : +44
78 : #b1ddd0 : +46
80 : #b8e0d4 : +48
82 : #bfe3d8 : +50
84 : #c6e6dd : +52
86 : #cde9e1 : +54
88 : #d4ece5 : +56
90 : #dcefe9 : +58
92 : #e3f3ee : +60
94 : #eaf6f2 : +62
96 : #f1f9f6 : +64
98 : #f8fcfb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow