#997a00
RGB
赤 | 153 |
---|---|
緑 | 122 |
青 | 0 |
HSL
色相 | 48° |
---|---|
彩度 | 100% |
明度 | 30% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 153, 緑 = 122, 青 = 0 )
HSL ( 色相 = 48°, 彩度 = 100%, 明度 = 30% )
H : 色相 ( 48° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #991400 : -40
18 : #992e00 : -30
28 : #994700 : -20
38 : #996100 : -10
48 : #997a00 : ±0
58 : #999400 : +10
68 : #859900 : +20
78 : #6b9900 : +30
88 : #529900 : +40
98 : #389900 : +50
108 : #1f9900 : +60
118 : #059900 : +70
128 : #009914 : +80
138 : #00992e : +90
148 : #009947 : +100
158 : #009961 : +110
168 : #00997a : +120
178 : #009994 : +130
188 : #008599 : +140
198 : #006b99 : +150
208 : #005299 : +160
218 : #003899 : +170
228 : #001f99 : +180
238 : #000599 : +190
248 : #140099 : +200
258 : #2e0099 : +210
268 : #470099 : +220
278 : #610099 : +230
288 : #7a0099 : +240
298 : #940099 : +250
308 : #990085 : +260
318 : #99006b : +270
328 : #990052 : +280
338 : #990038 : +290
348 : #99001f : +300
358 : #990005 : +310
38 : #996100 : -10
39 : #996300 : -9
40 : #996600 : -8
41 : #996900 : -7
42 : #996b00 : -6
43 : #996e00 : -5
44 : #997000 : -4
45 : #997300 : -3
46 : #997500 : -2
47 : #997800 : -1
48 : #997a00 : ±0
49 : #997d00 : +1
50 : #998000 : +2
51 : #998200 : +3
52 : #998500 : +4
53 : #998700 : +5
54 : #998a00 : +6
55 : #998c00 : +7
56 : #998f00 : +8
57 : #999100 : +9
58 : #999400 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -100
2 : #4e4d4b : -98
4 : #504e49 : -96
6 : #514f48 : -94
8 : #535046 : -92
10 : #545145 : -90
12 : #565243 : -88
14 : #575342 : -86
16 : #595440 : -84
18 : #5a553f : -82
20 : #5c563d : -80
22 : #5d573c : -78
24 : #5f583a : -76
26 : #605839 : -74
28 : #625937 : -72
30 : #635a36 : -70
32 : #655b34 : -68
34 : #675c32 : -66
36 : #685d31 : -64
38 : #6a5e2f : -62
40 : #6b5f2e : -60
42 : #6d602c : -58
44 : #6e612b : -56
46 : #706229 : -54
48 : #716328 : -52
50 : #736326 : -50
52 : #746425 : -48
54 : #766523 : -46
56 : #776622 : -44
58 : #796720 : -42
60 : #7a681f : -40
62 : #7c691d : -38
64 : #7d6a1c : -36
66 : #7f6b1a : -34
68 : #816c18 : -32
70 : #826d17 : -30
72 : #846e15 : -28
74 : #856e14 : -26
76 : #876f12 : -24
78 : #887011 : -22
80 : #8a710f : -20
82 : #8b720e : -18
84 : #8d730c : -16
86 : #8e740b : -14
88 : #907509 : -12
90 : #917608 : -10
92 : #937706 : -8
94 : #947805 : -6
96 : #967903 : -4
98 : #977902 : -2
100 : #997a00 : ±0
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0800 : -28
4 : #141000 : -26
6 : #1f1800 : -24
8 : #292100 : -22
10 : #332900 : -20
12 : #3d3100 : -18
14 : #473900 : -16
16 : #524100 : -14
18 : #5c4900 : -12
20 : #665200 : -10
22 : #705a00 : -8
24 : #7a6200 : -6
26 : #856a00 : -4
28 : #8f7200 : -2
30 : #997a00 : ±0
32 : #a38300 : +2
34 : #ad8b00 : +4
36 : #b89300 : +6
38 : #c29b00 : +8
40 : #cca300 : +10
42 : #d6ab00 : +12
44 : #e0b400 : +14
46 : #ebbc00 : +16
48 : #f5c400 : +18
50 : #ffcc00 : +20
52 : #ffce0a : +22
54 : #ffd014 : +24
56 : #ffd21f : +26
58 : #ffd429 : +28
60 : #ffd633 : +30
62 : #ffd83d : +32
64 : #ffda47 : +34
66 : #ffdc52 : +36
68 : #ffde5c : +38
70 : #ffe066 : +40
72 : #ffe270 : +42
74 : #ffe47a : +44
76 : #ffe785 : +46
78 : #ffe98f : +48
80 : #ffeb99 : +50
82 : #ffeda3 : +52
84 : #ffefad : +54
86 : #fff1b8 : +56
88 : #fff3c2 : +58
90 : #fff5cc : +60
92 : #fff7d6 : +62
94 : #fff9e0 : +64
96 : #fffbeb : +66
98 : #fffdf5 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow