#509868
RGB
| 赤 | 80 |
|---|---|
| 緑 | 152 |
| 青 | 104 |
HSL
| 色相 | 140° |
|---|---|
| 彩度 | 31% |
| 明度 | 45% |
| 輝度 | 49% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 80, 緑 = 152, 青 = 104 )
HSL ( 色相 = 140°, 彩度 = 31%, 明度 = 45% )
H : 色相 ( 140° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #964f4f : -140
10 : #965b4f : -130
20 : #96674f : -120
30 : #96734f : -110
40 : #967f4f : -100
50 : #968a4f : -90
60 : #96964f : -80
70 : #8a964f : -70
80 : #7f964f : -60
90 : #73964f : -50
100 : #67964f : -40
110 : #5b964f : -30
120 : #4f964f : -20
130 : #4f965b : -10
140 : #4f9667 : ±0
150 : #4f9673 : +10
160 : #4f967f : +20
170 : #4f968a : +30
180 : #4f9696 : +40
190 : #4f8a96 : +50
200 : #4f7f96 : +60
210 : #4f7396 : +70
220 : #4f6796 : +80
230 : #4f5b96 : +90
240 : #4f4f96 : +100
250 : #5b4f96 : +110
260 : #674f96 : +120
270 : #734f96 : +130
280 : #7f4f96 : +140
290 : #8a4f96 : +150
300 : #964f96 : +160
310 : #964f8a : +170
320 : #964f7f : +180
330 : #964f73 : +190
340 : #964f67 : +200
350 : #964f5b : +210
130 : #4f965b : -10
131 : #4f965c : -9
132 : #4f965d : -8
133 : #4f965f : -7
134 : #4f9660 : -6
135 : #4f9661 : -5
136 : #4f9662 : -4
137 : #4f9663 : -3
138 : #4f9665 : -2
139 : #4f9666 : -1
140 : #4f9667 : ±0
141 : #4f9668 : +1
142 : #4f9669 : +2
143 : #4f966a : +3
144 : #4f966c : +4
145 : #4f966d : +5
146 : #4f966e : +6
147 : #4f966f : +7
148 : #4f9670 : +8
149 : #4f9672 : +9
150 : #4f9673 : +10
S : 彩度 ( 31% )
(0%) 渋い ～ 鮮やか (100%)
1 : #727472 : -30
3 : #6f7672 : -28
5 : #6d7871 : -26
7 : #6b7b70 : -24
9 : #687d6f : -22
11 : #667f6f : -20
13 : #64826e : -18
15 : #62846d : -16
17 : #5f866c : -14
19 : #5d896b : -12
21 : #5b8b6b : -10
23 : #588d6a : -8
25 : #568f69 : -6
27 : #549268 : -4
29 : #519468 : -2
31 : #4f9667 : ±0
33 : #4d9966 : +2
35 : #4b9b65 : +4
37 : #489d65 : +6
39 : #46a064 : +8
41 : #44a263 : +10
43 : #41a462 : +12
45 : #3fa662 : +14
47 : #3da961 : +16
49 : #3bab60 : +18
51 : #38ad5f : +20
53 : #36b05e : +22
55 : #34b25e : +24
57 : #31b45d : +26
59 : #2fb65c : +28
61 : #2db95b : +30
63 : #2abb5b : +32
65 : #28bd5a : +34
67 : #26c059 : +36
69 : #24c258 : +38
71 : #21c458 : +40
73 : #1fc757 : +42
75 : #1dc956 : +44
77 : #1acb55 : +46
79 : #18cd55 : +48
81 : #16d054 : +50
83 : #14d253 : +52
85 : #11d452 : +54
87 : #0fd751 : +56
89 : #0dd951 : +58
91 : #0adb50 : +60
93 : #08dd4f : +62
95 : #06e04e : +64
97 : #03e24e : +66
99 : #01e44d : +68
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #020302 : -44
3 : #050a07 : -42
5 : #09110b : -40
7 : #0c1710 : -38
9 : #101e15 : -36
11 : #132519 : -34
13 : #172b1e : -32
15 : #1a3222 : -30
17 : #1e3927 : -28
19 : #213f2b : -26
21 : #254630 : -24
23 : #284d35 : -22
25 : #2c5439 : -20
27 : #305a3e : -18
29 : #336142 : -16
31 : #376847 : -14
33 : #3a6e4b : -12
35 : #3e7550 : -10
37 : #417c55 : -8
39 : #458259 : -6
41 : #48895e : -4
43 : #4c9062 : -2
45 : #4f9667 : ±0
47 : #539d6b : +2
49 : #56a470 : +4
51 : #5ba975 : +6
53 : #62ac7b : +8
55 : #69b080 : +10
57 : #6fb386 : +12
59 : #76b78c : +14
61 : #7dba91 : +16
63 : #83be97 : +18
65 : #8ac19d : +20
67 : #91c5a2 : +22
69 : #97c8a8 : +24
71 : #9eccad : +26
73 : #a5cfb3 : +28
75 : #abd3b9 : +30
77 : #b2d7be : +32
79 : #b9dac4 : +34
81 : #c0deca : +36
83 : #c6e1cf : +38
85 : #cde5d5 : +40
87 : #d4e8da : +42
89 : #daece0 : +44
91 : #e1efe6 : +46
93 : #e8f3eb : +48
95 : #eef6f1 : +50
97 : #f5faf7 : +52
99 : #fcfdfc : +54
CSS入門、作ってます。
text-shadow