#9d6901
RGB
赤 | 157 |
---|---|
緑 | 105 |
青 | 1 |
HSL
色相 | 40° |
---|---|
彩度 | 99% |
明度 | 31% |
輝度 | 43% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 157, 緑 = 105, 青 = 1 )
HSL ( 色相 = 40°, 彩度 = 99%, 明度 = 31% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #9d0101 : -40
10 : #9d1b01 : -30
20 : #9d3501 : -20
30 : #9d4f01 : -10
40 : #9d6901 : ±0
50 : #9d8301 : +10
60 : #9d9d01 : +20
70 : #839d01 : +30
80 : #699d01 : +40
90 : #4f9d01 : +50
100 : #359d01 : +60
110 : #1b9d01 : +70
120 : #019d01 : +80
130 : #019d1b : +90
140 : #019d35 : +100
150 : #019d4f : +110
160 : #019d69 : +120
170 : #019d83 : +130
180 : #019d9d : +140
190 : #01839d : +150
200 : #01699d : +160
210 : #014f9d : +170
220 : #01359d : +180
230 : #011b9d : +190
240 : #01019d : +200
250 : #1b019d : +210
260 : #35019d : +220
270 : #4f019d : +230
280 : #69019d : +240
290 : #83019d : +250
300 : #9d019d : +260
310 : #9d0183 : +270
320 : #9d0169 : +280
330 : #9d014f : +290
340 : #9d0135 : +300
350 : #9d011b : +310
30 : #9d4f01 : -10
31 : #9d5201 : -9
32 : #9d5401 : -8
33 : #9d5701 : -7
34 : #9d5901 : -6
35 : #9d5c01 : -5
36 : #9d5f01 : -4
37 : #9d6101 : -3
38 : #9d6401 : -2
39 : #9d6701 : -1
40 : #9d6901 : ±0
41 : #9d6c01 : +1
42 : #9d6e01 : +2
43 : #9d7101 : +3
44 : #9d7401 : +4
45 : #9d7601 : +5
46 : #9d7901 : +6
47 : #9d7b01 : +7
48 : #9d7e01 : +8
49 : #9d8101 : +9
50 : #9d8301 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -98
3 : #51504d : -96
5 : #53504b : -94
7 : #55514a : -92
9 : #565148 : -90
11 : #585246 : -88
13 : #595245 : -86
15 : #5b5343 : -84
17 : #5c5442 : -82
19 : #5e5440 : -80
21 : #60553e : -78
23 : #61553d : -76
25 : #63563b : -74
27 : #64563a : -72
29 : #665738 : -70
31 : #685737 : -68
33 : #695835 : -66
35 : #6b5833 : -64
37 : #6c5932 : -62
39 : #6e5930 : -60
41 : #6f5a2f : -58
43 : #715a2d : -56
45 : #735b2b : -54
47 : #745b2a : -52
49 : #765c28 : -50
51 : #775c27 : -48
53 : #795d25 : -46
55 : #7b5e24 : -44
57 : #7c5e22 : -42
59 : #7e5f20 : -40
61 : #7f5f1f : -38
63 : #81601d : -36
65 : #82601c : -34
67 : #84611a : -32
69 : #866119 : -30
71 : #876217 : -28
73 : #896215 : -26
75 : #8a6314 : -24
77 : #8c6312 : -22
79 : #8d6411 : -20
81 : #8f640f : -18
83 : #91650d : -16
85 : #92650c : -14
87 : #94660a : -12
89 : #956709 : -10
91 : #976707 : -8
93 : #996806 : -6
95 : #9a6804 : -4
97 : #9c6902 : -2
99 : #9d6901 : ±0
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -30
3 : #0f0a00 : -28
5 : #191100 : -26
7 : #241800 : -24
9 : #2e1f00 : -22
11 : #382500 : -20
13 : #422c00 : -18
15 : #4c3300 : -16
17 : #563a00 : -14
19 : #604000 : -12
21 : #6b4701 : -10
23 : #754e01 : -8
25 : #7f5501 : -6
27 : #895c01 : -4
29 : #936201 : -2
31 : #9d6901 : ±0
33 : #a77001 : +2
35 : #b27701 : +4
37 : #bc7d01 : +6
39 : #c68401 : +8
41 : #d08b01 : +10
43 : #da9201 : +12
45 : #e49901 : +14
47 : #ef9f01 : +16
49 : #f9a601 : +18
51 : #feab06 : +20
53 : #feaf10 : +22
55 : #feb21b : +24
57 : #feb625 : +26
59 : #feb92f : +28
61 : #febc39 : +30
63 : #fec043 : +32
65 : #fec34d : +34
67 : #fec758 : +36
69 : #feca62 : +38
71 : #fecd6c : +40
73 : #fed176 : +42
75 : #fed480 : +44
77 : #fed88a : +46
79 : #fedb94 : +48
81 : #ffdf9f : +50
83 : #ffe2a9 : +52
85 : #ffe5b3 : +54
87 : #ffe9bd : +56
89 : #ffecc7 : +58
91 : #fff0d1 : +60
93 : #fff3db : +62
95 : #fff6e6 : +64
97 : #fffaf0 : +66
99 : #fffdfa : +68
CSS入門、作ってます。
text-shadow