#717411
RGB
| 赤 | 113 |
|---|---|
| 緑 | 116 |
| 青 | 17 |
HSL
| 色相 | 62° |
|---|---|
| 彩度 | 74% |
| 明度 | 26% |
| 輝度 | 41% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 113, 緑 = 116, 青 = 17 )
HSL ( 色相 = 62°, 彩度 = 74%, 明度 = 26% )
H : 色相 ( 62° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #731511 : -60
12 : #732511 : -50
22 : #733511 : -40
32 : #734611 : -30
42 : #735611 : -20
52 : #736611 : -10
62 : #707311 : ±0
72 : #607311 : +10
82 : #4f7311 : +20
92 : #3f7311 : +30
102 : #2f7311 : +40
112 : #1e7311 : +50
122 : #117315 : +60
132 : #117325 : +70
142 : #117335 : +80
152 : #117346 : +90
162 : #117356 : +100
172 : #117366 : +110
182 : #117073 : +120
192 : #116073 : +130
202 : #114f73 : +140
212 : #113f73 : +150
222 : #112f73 : +160
232 : #111e73 : +170
242 : #151173 : +180
252 : #251173 : +190
262 : #351173 : +200
272 : #461173 : +210
282 : #561173 : +220
292 : #661173 : +230
302 : #731170 : +240
312 : #731160 : +250
322 : #73114f : +260
332 : #73113f : +270
342 : #73112f : +280
352 : #73111e : +290
52 : #736611 : -10
53 : #736811 : -9
54 : #736a11 : -8
55 : #736b11 : -7
56 : #736d11 : -6
57 : #736e11 : -5
58 : #737011 : -4
59 : #737211 : -3
60 : #737311 : -2
61 : #727311 : -1
62 : #707311 : ±0
63 : #6e7311 : +1
64 : #6d7311 : +2
65 : #6b7311 : +3
66 : #6a7311 : +4
67 : #687311 : +5
68 : #667311 : +6
69 : #657311 : +7
70 : #637311 : +8
71 : #617311 : +9
72 : #607311 : +10
S : 彩度 ( 74% )
(0%) 渋い ～ 鮮やか (100%)
0 : #424242 : -74
2 : #444441 : -72
4 : #454540 : -70
6 : #46463e : -68
8 : #47483d : -66
10 : #48493c : -64
12 : #4a4a3a : -62
14 : #4b4c39 : -60
16 : #4c4d38 : -58
18 : #4d4e36 : -56
20 : #4f5035 : -54
22 : #505134 : -52
24 : #515232 : -50
26 : #525431 : -48
28 : #545530 : -46
30 : #55562e : -44
32 : #56582d : -42
34 : #57592c : -40
36 : #595a2a : -38
38 : #5a5b29 : -36
40 : #5b5d28 : -34
42 : #5c5e26 : -32
44 : #5e5f25 : -30
46 : #5f6124 : -28
48 : #606222 : -26
50 : #616321 : -24
52 : #626520 : -22
54 : #64661e : -20
56 : #65671d : -18
58 : #66691c : -16
60 : #676a1b : -14
62 : #696b19 : -12
64 : #6a6d18 : -10
66 : #6b6e17 : -8
68 : #6c6f15 : -6
70 : #6e7114 : -4
72 : #6f7213 : -2
74 : #707311 : ±0
76 : #717510 : +2
78 : #73760f : +4
80 : #74770d : +6
82 : #75790c : +8
84 : #767a0b : +10
86 : #787b09 : +12
88 : #797d08 : +14
90 : #7a7e07 : +16
92 : #7b7f05 : +18
94 : #7c8104 : +20
96 : #7e8203 : +22
98 : #7f8301 : +24
100 : #808500 : +26
L : 明度 ( 26% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -26
2 : #090901 : -24
4 : #111203 : -22
6 : #1a1b04 : -20
8 : #222305 : -18
10 : #2b2c07 : -16
12 : #343508 : -14
14 : #3c3e09 : -12
16 : #45470b : -10
18 : #4e500c : -8
20 : #56590d : -6
22 : #5f620f : -4
24 : #676a10 : -2
26 : #707311 : ±0
28 : #797c13 : +2
30 : #818514 : +4
32 : #8a8e15 : +6
34 : #939717 : +8
36 : #9ba018 : +10
38 : #a4a919 : +12
40 : #acb11b : +14
42 : #b5ba1c : +16
44 : #bec31d : +18
46 : #c6cc1e : +20
48 : #cfd520 : +22
50 : #d8de21 : +24
52 : #d9df2a : +26
54 : #dbe133 : +28
56 : #dce23c : +30
58 : #dee345 : +32
60 : #dfe44e : +34
62 : #e1e656 : +36
64 : #e3e75f : +38
66 : #e4e868 : +40
68 : #e6ea71 : +42
70 : #e7eb7a : +44
72 : #e9ec83 : +46
74 : #eaee8c : +48
76 : #ecef95 : +50
78 : #eef09d : +52
80 : #eff2a6 : +54
82 : #f1f3af : +56
84 : #f2f4b8 : +58
86 : #f4f6c1 : +60
88 : #f6f7ca : +62
90 : #f7f8d3 : +64
92 : #f9fadc : +66
94 : #fafbe4 : +68
96 : #fcfced : +70
98 : #fdfef6 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow