#585a12
RGB
赤 | 88 |
---|---|
緑 | 90 |
青 | 18 |
HSL
色相 | 62° |
---|---|
彩度 | 67% |
明度 | 21% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 88, 緑 = 90, 青 = 18 )
HSL ( 色相 = 62°, 彩度 = 67%, 明度 = 21% )
H : 色相 ( 62° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #591412 : -60
12 : #592012 : -50
22 : #592c12 : -40
32 : #593812 : -30
42 : #594412 : -20
52 : #595012 : -10
62 : #575912 : ±0
72 : #4b5912 : +10
82 : #3f5912 : +20
92 : #335912 : +30
102 : #275912 : +40
112 : #1b5912 : +50
122 : #125914 : +60
132 : #125920 : +70
142 : #12592c : +80
152 : #125938 : +90
162 : #125944 : +100
172 : #125950 : +110
182 : #125759 : +120
192 : #124b59 : +130
202 : #123f59 : +140
212 : #123359 : +150
222 : #122759 : +160
232 : #121b59 : +170
242 : #141259 : +180
252 : #201259 : +190
262 : #2c1259 : +200
272 : #381259 : +210
282 : #441259 : +220
292 : #501259 : +230
302 : #591257 : +240
312 : #59124b : +250
322 : #59123f : +260
332 : #591233 : +270
342 : #591227 : +280
352 : #59121b : +290
52 : #595012 : -10
53 : #595112 : -9
54 : #595212 : -8
55 : #595312 : -7
56 : #595512 : -6
57 : #595612 : -5
58 : #595712 : -4
59 : #595812 : -3
60 : #595912 : -2
61 : #585912 : -1
62 : #575912 : ±0
63 : #565912 : +1
64 : #555912 : +2
65 : #535912 : +3
66 : #525912 : +4
67 : #515912 : +5
68 : #505912 : +6
69 : #4f5912 : +7
70 : #4d5912 : +8
71 : #4c5912 : +9
72 : #4b5912 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363635 : -66
3 : #373734 : -64
5 : #383833 : -62
7 : #393932 : -60
9 : #3a3a31 : -58
11 : #3b3b30 : -56
13 : #3c3d2f : -54
15 : #3d3e2e : -52
17 : #3e3f2c : -50
19 : #3f402b : -48
21 : #40412a : -46
23 : #414229 : -44
25 : #424328 : -42
27 : #434427 : -40
29 : #444526 : -38
31 : #454625 : -36
33 : #464724 : -34
35 : #474823 : -32
37 : #484922 : -30
39 : #494a21 : -28
41 : #4a4c20 : -26
43 : #4b4d1f : -24
45 : #4c4e1d : -22
47 : #4d4f1c : -20
49 : #4e501b : -18
51 : #4f511a : -16
53 : #505219 : -14
55 : #515318 : -12
57 : #525417 : -10
59 : #535516 : -8
61 : #545615 : -6
63 : #555714 : -4
65 : #565813 : -2
67 : #575912 : ±0
69 : #585a11 : +2
71 : #595c10 : +4
73 : #5a5d0e : +6
75 : #5b5e0d : +8
77 : #5c5f0c : +10
79 : #5d600b : +12
81 : #5e610a : +14
83 : #5f6209 : +16
85 : #606308 : +18
87 : #616407 : +20
89 : #626506 : +22
91 : #636605 : +24
93 : #646704 : +26
95 : #656803 : +28
97 : #666902 : +30
99 : #676b01 : +32
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -20
3 : #0c0d03 : -18
5 : #151504 : -16
7 : #1d1e06 : -14
9 : #252608 : -12
11 : #2e2f09 : -10
13 : #36370b : -8
15 : #3e400d : -6
17 : #46480e : -4
19 : #4f5110 : -2
21 : #575912 : ±0
23 : #5f6213 : +2
25 : #686a15 : +4
27 : #707317 : +6
29 : #787b18 : +8
31 : #80841a : +10
33 : #898d1c : +12
35 : #91951d : +14
37 : #999e1f : +16
39 : #a2a621 : +18
41 : #aaaf23 : +20
43 : #b2b724 : +22
45 : #bbc026 : +24
47 : #c3c828 : +26
49 : #cbd129 : +28
51 : #d0d62e : +30
53 : #d2d737 : +32
55 : #d4d93f : +34
57 : #d6db48 : +36
59 : #d8dc50 : +38
61 : #dade59 : +40
63 : #dce061 : +42
65 : #dee26a : +44
67 : #dfe372 : +46
69 : #e1e57b : +48
71 : #e3e784 : +50
73 : #e5e88c : +52
75 : #e7ea95 : +54
77 : #e9ec9d : +56
79 : #ebeda6 : +58
81 : #edefae : +60
83 : #eff1b7 : +62
85 : #f1f2bf : +64
87 : #f3f4c8 : +66
89 : #f4f6d0 : +68
91 : #f6f7d9 : +70
93 : #f8f9e1 : +72
95 : #fafbea : +74
97 : #fcfcf2 : +76
99 : #fefefb : +78
CSS入門、作ってます。
text-shadow