#09b30c
RGB
| 赤 | 9 |
|---|---|
| 緑 | 179 |
| 青 | 12 |
HSL
| 色相 | 121° |
|---|---|
| 彩度 | 90% |
| 明度 | 37% |
| 輝度 | 43% |
３桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 179, 青 = 12 )
HSL ( 色相 = 121°, 彩度 = 90%, 明度 = 37% )
H : 色相 ( 121° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #b30c09 : -120
11 : #b32909 : -110
21 : #b34509 : -100
31 : #b36109 : -90
41 : #b37d09 : -80
51 : #b39a09 : -70
61 : #b0b309 : -60
71 : #94b309 : -50
81 : #78b309 : -40
91 : #5cb309 : -30
101 : #3fb309 : -20
111 : #23b309 : -10
121 : #09b30c : ±0
131 : #09b329 : +10
141 : #09b345 : +20
151 : #09b361 : +30
161 : #09b37d : +40
171 : #09b39a : +50
181 : #09b0b3 : +60
191 : #0994b3 : +70
201 : #0978b3 : +80
211 : #095cb3 : +90
221 : #093fb3 : +100
231 : #0923b3 : +110
241 : #0c09b3 : +120
251 : #2909b3 : +130
261 : #4509b3 : +140
271 : #6109b3 : +150
281 : #7d09b3 : +160
291 : #9a09b3 : +170
301 : #b309b0 : +180
311 : #b30994 : +190
321 : #b30978 : +200
331 : #b3095c : +210
341 : #b3093f : +220
351 : #b30923 : +230
111 : #23b309 : -10
112 : #20b309 : -9
113 : #1db309 : -8
114 : #1ab309 : -7
115 : #18b309 : -6
116 : #15b309 : -5
117 : #12b309 : -4
118 : #0fb309 : -3
119 : #0cb309 : -2
120 : #09b309 : -1
121 : #09b30c : ±0
122 : #09b30f : +1
123 : #09b312 : +2
124 : #09b315 : +3
125 : #09b318 : +4
126 : #09b31a : +5
127 : #09b31d : +6
128 : #09b320 : +7
129 : #09b323 : +8
130 : #09b326 : +9
131 : #09b329 : +10
S : 彩度 ( 90% )
(0%) 渋い ～ 鮮やか (100%)
0 : #5e5e5e : -90
2 : #5c605d : -88
4 : #5b625b : -86
6 : #596459 : -84
8 : #576657 : -82
10 : #556855 : -80
12 : #536a53 : -78
14 : #516c52 : -76
16 : #4f6d50 : -74
18 : #4d6f4e : -72
20 : #4b714c : -70
22 : #4a734a : -68
24 : #487548 : -66
26 : #467747 : -64
28 : #447945 : -62
30 : #427b43 : -60
32 : #407d41 : -58
34 : #3e7e3f : -56
36 : #3c803e : -54
38 : #3a823c : -52
40 : #39843a : -50
42 : #378638 : -48
44 : #358836 : -46
46 : #338a34 : -44
48 : #318c33 : -42
50 : #2f8e31 : -40
52 : #2d8f2f : -38
54 : #2b912d : -36
56 : #2a932b : -34
58 : #289529 : -32
60 : #269728 : -30
62 : #249926 : -28
64 : #229b24 : -26
66 : #209d22 : -24
68 : #1e9f20 : -22
70 : #1ca01f : -20
72 : #1aa21d : -18
74 : #19a41b : -16
76 : #17a619 : -14
78 : #15a817 : -12
80 : #13aa15 : -10
82 : #11ac14 : -8
84 : #0fae12 : -6
86 : #0daf10 : -4
88 : #0bb10e : -2
90 : #09b30c : ±0
92 : #08b50a : +2
94 : #06b709 : +4
96 : #04b907 : +6
98 : #02bb05 : +8
100 : #00bd03 : +10
L : 明度 ( 37% )
(0%) 暗い ～ 明るい (100%)
1 : #000500 : -36
3 : #010f01 : -34
5 : #011802 : -32
7 : #022202 : -30
9 : #022c03 : -28
11 : #033504 : -26
13 : #033f04 : -24
15 : #044905 : -22
17 : #045206 : -20
19 : #055c06 : -18
21 : #056607 : -16
23 : #066f08 : -14
25 : #067908 : -12
27 : #078309 : -10
29 : #078d0a : -8
31 : #08960a : -6
33 : #08a00b : -4
35 : #09aa0c : -2
37 : #09b30c : ±0
39 : #0abd0d : +2
41 : #0ac70e : +4
43 : #0bd00e : +6
45 : #0bda0f : +8
47 : #0ce410 : +10
49 : #0ced10 : +12
51 : #12f315 : +14
53 : #1bf31f : +16
55 : #25f428 : +18
57 : #2ff432 : +20
59 : #38f53b : +22
61 : #42f545 : +24
63 : #4cf64f : +26
65 : #55f658 : +28
67 : #5ff762 : +30
69 : #69f76b : +32
71 : #72f875 : +34
73 : #7cf87e : +36
75 : #86f988 : +38
77 : #90f991 : +40
79 : #99fa9b : +42
81 : #a3faa4 : +44
83 : #adfbae : +46
85 : #b6fbb7 : +48
87 : #c0fcc1 : +50
89 : #cafccb : +52
91 : #d3fdd4 : +54
93 : #ddfdde : +56
95 : #e7fee7 : +58
97 : #f0fef1 : +60
99 : #fafffa : +62
CSS入門、作ってます。
text-shadow