#039c0c
RGB
赤 | 3 |
---|---|
緑 | 156 |
青 | 12 |
HSL
色相 | 124° |
---|---|
彩度 | 96% |
明度 | 31% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 3, 緑 = 156, 青 = 12 )
HSL ( 色相 = 124°, 彩度 = 96%, 明度 = 31% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9b0d03 : -120
14 : #9b2703 : -110
24 : #9b4003 : -100
34 : #9b5903 : -90
44 : #9b7203 : -80
54 : #9b8c03 : -70
64 : #919b03 : -60
74 : #789b03 : -50
84 : #5e9b03 : -40
94 : #459b03 : -30
104 : #2c9b03 : -20
114 : #129b03 : -10
124 : #039b0d : ±0
134 : #039b27 : +10
144 : #039b40 : +20
154 : #039b59 : +30
164 : #039b72 : +40
174 : #039b8c : +50
184 : #03919b : +60
194 : #03789b : +70
204 : #035e9b : +80
214 : #03459b : +90
224 : #032c9b : +100
234 : #03129b : +110
244 : #0d039b : +120
254 : #27039b : +130
264 : #40039b : +140
274 : #59039b : +150
284 : #72039b : +160
294 : #8c039b : +170
304 : #9b0391 : +180
314 : #9b0378 : +190
324 : #9b035e : +200
334 : #9b0345 : +210
344 : #9b032c : +220
354 : #9b0312 : +230
114 : #129b03 : -10
115 : #109b03 : -9
116 : #0d9b03 : -8
117 : #0b9b03 : -7
118 : #089b03 : -6
119 : #069b03 : -5
120 : #039b03 : -4
121 : #039b06 : -3
122 : #039b08 : -2
123 : #039b0b : -1
124 : #039b0d : ±0
125 : #039b10 : +1
126 : #039b12 : +2
127 : #039b15 : +3
128 : #039b17 : +4
129 : #039b1a : +5
130 : #039b1c : +6
131 : #039b1f : +7
132 : #039b22 : +8
133 : #039b24 : +9
134 : #039b27 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -96
2 : #4d514e : -94
4 : #4c524c : -92
6 : #4a544b : -90
8 : #49554a : -88
10 : #475748 : -86
12 : #465947 : -84
14 : #445a45 : -82
16 : #425c44 : -80
18 : #415d43 : -78
20 : #3f5f41 : -76
22 : #3e6040 : -74
24 : #3c623f : -72
26 : #3a643d : -70
28 : #39653c : -68
30 : #37673a : -66
32 : #366839 : -64
34 : #346a38 : -62
36 : #336c36 : -60
38 : #316d35 : -58
40 : #2f6f34 : -56
42 : #2e7032 : -54
44 : #2c7231 : -52
46 : #2b7330 : -50
48 : #29752e : -48
50 : #28772d : -46
52 : #26782b : -44
54 : #247a2a : -42
56 : #237b29 : -40
58 : #217d27 : -38
60 : #207e26 : -36
62 : #1e8025 : -34
64 : #1c8223 : -32
66 : #1b8322 : -30
68 : #198520 : -28
70 : #18861f : -26
72 : #16881e : -24
74 : #158a1c : -22
76 : #138b1b : -20
78 : #118d1a : -18
80 : #108e18 : -16
82 : #0e9017 : -14
84 : #0d9116 : -12
86 : #0b9314 : -10
88 : #099513 : -8
90 : #089611 : -6
92 : #069810 : -4
94 : #05990f : -2
96 : #039b0d : ±0
98 : #029d0c : +2
100 : #009e0b : +4
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #000500 : -30
3 : #000f01 : -28
5 : #011902 : -26
7 : #012303 : -24
9 : #012d04 : -22
11 : #013705 : -20
13 : #014106 : -18
15 : #024b06 : -16
17 : #025507 : -14
19 : #025f08 : -12
21 : #026909 : -10
23 : #02730a : -8
25 : #037d0b : -6
27 : #03870c : -4
29 : #03910c : -2
31 : #039b0d : ±0
33 : #03a50e : +2
35 : #04af0f : +4
37 : #04b910 : +6
39 : #04c311 : +8
41 : #04cd12 : +10
43 : #04d712 : +12
45 : #05e113 : +14
47 : #05eb14 : +16
49 : #05f515 : +18
51 : #0afa1a : +20
53 : #14fa23 : +22
55 : #1efa2d : +24
57 : #28fb36 : +26
59 : #32fb3f : +28
61 : #3cfb49 : +30
63 : #46fb52 : +32
65 : #50fb5b : +34
67 : #5afc65 : +36
69 : #64fc6e : +38
71 : #6efc78 : +40
73 : #78fc81 : +42
75 : #82fc8a : +44
77 : #8cfd94 : +46
79 : #96fd9d : +48
81 : #a0fda6 : +50
83 : #aafdb0 : +52
85 : #b4fdb9 : +54
87 : #befec2 : +56
89 : #c8fecc : +58
91 : #d2fed5 : +60
93 : #dcfede : +62
95 : #e6fee8 : +64
97 : #f0fff1 : +66
99 : #fafffa : +68
CSS入門、作ってます。
text-shadow