#74aa7d
RGB
| 赤 | 116 |
|---|---|
| 緑 | 170 |
| 青 | 125 |
HSL
| 色相 | 130° |
|---|---|
| 彩度 | 24% |
| 明度 | 56% |
| 輝度 | 58% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 116, 緑 = 170, 青 = 125 )
HSL ( 色相 = 130°, 彩度 = 24%, 明度 = 56% )
H : 色相 ( 130° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #aa7474 : -130
10 : #aa7d74 : -120
20 : #aa8674 : -110
30 : #aa8f74 : -100
40 : #aa9874 : -90
50 : #aaa174 : -80
60 : #aaaa74 : -70
70 : #a1aa74 : -60
80 : #98aa74 : -50
90 : #8faa74 : -40
100 : #86aa74 : -30
110 : #7daa74 : -20
120 : #74aa74 : -10
130 : #74aa7d : ±0
140 : #74aa86 : +10
150 : #74aa8f : +20
160 : #74aa98 : +30
170 : #74aaa1 : +40
180 : #74aaaa : +50
190 : #74a1aa : +60
200 : #7498aa : +70
210 : #748faa : +80
220 : #7486aa : +90
230 : #747daa : +100
240 : #7474aa : +110
250 : #7d74aa : +120
260 : #8674aa : +130
270 : #8f74aa : +140
280 : #9874aa : +150
290 : #a174aa : +160
300 : #aa74aa : +170
310 : #aa74a1 : +180
320 : #aa7498 : +190
330 : #aa748f : +200
340 : #aa7486 : +210
350 : #aa747d : +220
120 : #74aa74 : -10
121 : #74aa75 : -9
122 : #74aa76 : -8
123 : #74aa77 : -7
124 : #74aa77 : -6
125 : #74aa78 : -5
126 : #74aa79 : -4
127 : #74aa7a : -3
128 : #74aa7b : -2
129 : #74aa7c : -1
130 : #74aa7d : ±0
131 : #74aa7e : +1
132 : #74aa7f : +2
133 : #74aa80 : +3
134 : #74aa80 : +4
135 : #74aa81 : +5
136 : #74aa82 : +6
137 : #74aa83 : +7
138 : #74aa84 : +8
139 : #74aa85 : +9
140 : #74aa86 : +10
S : 彩度 ( 24% )
(0%) 渋い ～ 鮮やか (100%)
0 : #8e8e8e : -24
2 : #8d918d : -22
4 : #8a938c : -20
6 : #88968a : -18
8 : #869889 : -16
10 : #849a87 : -14
12 : #819c86 : -12
14 : #7f9f84 : -10
16 : #7da183 : -8
18 : #7ba381 : -6
20 : #78a580 : -4
22 : #76a77e : -2
24 : #74aa7d : ±0
26 : #72ac7b : +2
28 : #6fae7a : +4
30 : #6db078 : +6
32 : #6bb377 : +8
34 : #69b575 : +10
36 : #66b774 : +12
38 : #64b972 : +14
40 : #62bc71 : +16
42 : #60be6f : +18
44 : #5dc06e : +20
46 : #5bc26c : +22
48 : #59c56b : +24
50 : #57c769 : +26
52 : #54c968 : +28
54 : #52cb66 : +30
56 : #50ce65 : +32
58 : #4ed063 : +34
60 : #4bd262 : +36
62 : #49d460 : +38
64 : #47d75f : +40
66 : #45d95d : +42
68 : #43db5c : +44
70 : #40dd5a : +46
72 : #3ee059 : +48
74 : #3ce257 : +50
76 : #3ae456 : +52
78 : #37e654 : +54
80 : #35e953 : +56
82 : #33eb51 : +58
84 : #31ed50 : +60
86 : #2eef4e : +62
88 : #2cf24d : +64
90 : #2af44b : +66
92 : #28f64a : +68
94 : #25f848 : +70
96 : #23fb47 : +72
98 : #21fd45 : +74
100 : #1fff44 : +76
L : 明度 ( 56% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -56
2 : #040604 : -54
4 : #080d09 : -52
6 : #0c130d : -50
8 : #101911 : -48
10 : #132015 : -46
12 : #17261a : -44
14 : #1b2c1e : -42
16 : #1f3322 : -40
18 : #233927 : -38
20 : #273f2b : -36
22 : #2b462f : -34
24 : #2f4c33 : -32
26 : #325238 : -30
28 : #36593c : -28
30 : #3a5f40 : -26
32 : #3e6545 : -24
34 : #426c49 : -22
36 : #46724d : -20
38 : #4a7851 : -18
40 : #4e7e56 : -16
42 : #51855a : -14
44 : #558b5e : -12
46 : #599163 : -10
48 : #5d9867 : -8
50 : #619e6b : -6
52 : #67a271 : -4
54 : #6ea677 : -2
56 : #74aa7d : ±0
58 : #7aae83 : +2
60 : #81b189 : +4
62 : #87b58f : +6
64 : #8db995 : +8
66 : #93bd9a : +10
68 : #9ac1a0 : +12
70 : #a0c5a6 : +14
72 : #a6c9ac : +16
74 : #adcdb2 : +18
76 : #b3d0b8 : +20
78 : #b9d4be : +22
80 : #c0d8c4 : +24
82 : #c6dcca : +26
84 : #cce0d0 : +28
86 : #d3e4d6 : +30
88 : #d9e8dc : +32
90 : #dfece1 : +34
92 : #e6efe7 : +36
94 : #ecf3ed : +38
96 : #f2f7f3 : +40
98 : #f9fbf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow