#886a07
RGB
赤 | 136 |
---|---|
緑 | 106 |
青 | 7 |
HSL
色相 | 46° |
---|---|
彩度 | 90% |
明度 | 28% |
輝度 | 41% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 136, 緑 = 106, 青 = 7 )
HSL ( 色相 = 46°, 彩度 = 90%, 明度 = 28% )
H : 色相 ( 46° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #881407 : -40
16 : #882907 : -30
26 : #883f07 : -20
36 : #885407 : -10
46 : #886a07 : ±0
56 : #887f07 : +10
66 : #7b8807 : +20
76 : #658807 : +30
86 : #508807 : +40
96 : #3b8807 : +50
106 : #258807 : +60
116 : #108807 : +70
126 : #078814 : +80
136 : #078829 : +90
146 : #07883f : +100
156 : #078854 : +110
166 : #07886a : +120
176 : #07887f : +130
186 : #077b88 : +140
196 : #076588 : +150
206 : #075088 : +160
216 : #073b88 : +170
226 : #072588 : +180
236 : #071088 : +190
246 : #140788 : +200
256 : #290788 : +210
266 : #3f0788 : +220
276 : #540788 : +230
286 : #6a0788 : +240
296 : #7f0788 : +250
306 : #88077b : +260
316 : #880765 : +270
326 : #880750 : +280
336 : #88073b : +290
346 : #880725 : +300
356 : #880710 : +310
36 : #885407 : -10
37 : #885607 : -9
38 : #885907 : -8
39 : #885b07 : -7
40 : #885d07 : -6
41 : #885f07 : -5
42 : #886107 : -4
43 : #886307 : -3
44 : #886507 : -2
45 : #886807 : -1
46 : #886a07 : ±0
47 : #886c07 : +1
48 : #886e07 : +2
49 : #887007 : +3
50 : #887207 : +4
51 : #887407 : +5
52 : #887707 : +6
53 : #887907 : +7
54 : #887b07 : +8
55 : #887d07 : +9
56 : #887f07 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -90
2 : #494846 : -88
4 : #4a4945 : -86
6 : #4c4a43 : -84
8 : #4d4a42 : -82
10 : #4f4b40 : -80
12 : #504c3f : -78
14 : #514d3d : -76
16 : #534d3c : -74
18 : #544e3b : -72
20 : #564f39 : -70
22 : #575038 : -68
24 : #595136 : -66
26 : #5a5135 : -64
28 : #5b5233 : -62
30 : #5d5332 : -60
32 : #5e5431 : -58
34 : #60542f : -56
36 : #61552e : -54
38 : #63562c : -52
40 : #64572b : -50
42 : #655729 : -48
44 : #675828 : -46
46 : #685927 : -44
48 : #6a5a25 : -42
50 : #6b5a24 : -40
52 : #6d5b22 : -38
54 : #6e5c21 : -36
56 : #6f5d1f : -34
58 : #715d1e : -32
60 : #725e1d : -30
62 : #745f1b : -28
64 : #75601a : -26
66 : #776118 : -24
68 : #786117 : -22
70 : #796215 : -20
72 : #7b6314 : -18
74 : #7c6413 : -16
76 : #7e6411 : -14
78 : #7f6510 : -12
80 : #81660e : -10
82 : #82670d : -8
84 : #83670b : -6
86 : #85680a : -4
88 : #866909 : -2
90 : #886a07 : ±0
92 : #896a06 : +2
94 : #8b6b04 : +4
96 : #8c6c03 : +6
98 : #8d6d01 : +8
100 : #8f6d00 : +10
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #0a0801 : -26
4 : #130f01 : -24
6 : #1d1702 : -22
8 : #271e02 : -20
10 : #302603 : -18
12 : #3a2d03 : -16
14 : #443504 : -14
16 : #4e3c04 : -12
18 : #574405 : -10
20 : #614b05 : -8
22 : #6b5306 : -6
24 : #745b06 : -4
26 : #7e6207 : -2
28 : #886a07 : ±0
30 : #917108 : +2
32 : #9b7908 : +4
34 : #a58009 : +6
36 : #ae8809 : +8
38 : #b88f0a : +10
40 : #c2970a : +12
42 : #cb9f0b : +14
44 : #d5a60b : +16
46 : #dfae0c : +18
48 : #e9b50c : +20
50 : #f2bd0d : +22
52 : #f3bf16 : +24
54 : #f3c220 : +26
56 : #f4c52a : +28
58 : #f4c734 : +30
60 : #f5ca3d : +32
62 : #f5cd47 : +34
64 : #f6cf51 : +36
66 : #f6d25a : +38
68 : #f7d564 : +40
70 : #f7d76e : +42
72 : #f8da77 : +44
74 : #f8dd81 : +46
76 : #f9df8b : +48
78 : #f9e294 : +50
80 : #fae49e : +52
82 : #fae7a8 : +54
84 : #fbeab1 : +56
86 : #fbecbb : +58
88 : #fcefc5 : +60
90 : #fcf2cf : +62
92 : #fdf4d8 : +64
94 : #fdf7e2 : +66
96 : #fefaec : +68
98 : #fefcf5 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow